/*
Theme Name: Spiel
Theme URI: https://wordpress.com/theme/spiel
Author: Automattic
Author URI: https://automattic.com/
Description: Spiel is adapted here into a flexible personal editorial theme for essays, fiction, notes, videos, and changing creative moods.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spiel
Tags: blog, news, grid-layout, two-columns, right-sidebar, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-patterns
*/

:root {
	--spiel-shadow-soft: 0 24px 60px rgba(24, 22, 20, 0.08);
	--spiel-shadow-card: 0 16px 36px rgba(24, 22, 20, 0.06);
	--spiel-border: 1px solid rgba(24, 22, 20, 0.12);
	--spiel-radius: 20px;
	--spiel-radius-large: 32px;
}

body {
	text-rendering: optimizeLegibility;
}

.wp-site-blocks {
	background:
		radial-gradient(circle at top left, rgba(196, 111, 79, 0.08), transparent 28%),
		linear-gradient(180deg, rgba(236, 228, 215, 0.5) 0%, rgba(247, 242, 232, 1) 18%);
}

.wp-site-blocks > * {
	position: relative;
}

.wp-block-post-title a,
.wp-block-query a {
	text-decoration: none;
}

.wp-block-navigation-item__content,
.wp-block-site-title a {
	text-decoration: none;
}

.wp-block-navigation-item__content:hover,
.wp-block-post-title a:hover,
.wp-block-query a:hover,
.wp-block-site-title a:hover {
	color: var(--wp--preset--color--primary);
}

.wp-block-search__inside-wrapper,
.wp-block-query-pagination,
.wp-block-post-template.is-layout-grid > li,
.wp-block-post-template.is-layout-grid > .wp-block-post {
	border-radius: var(--spiel-radius);
}

.wp-block-search__inside-wrapper {
	background: rgba(247, 242, 232, 0.6);
	border: var(--spiel-border);
	padding: 0.2rem;
}

.wp-block-search__input {
	background: transparent;
}

.wp-block-search__button {
	box-shadow: none;
}

.wp-block-post-template.is-layout-grid > li,
.wp-block-post-template.is-layout-grid > .wp-block-post {
	background: rgba(255, 255, 255, 0.55);
	border: var(--spiel-border);
	box-shadow: var(--spiel-shadow-card);
	padding: var(--wp--preset--spacing--40);
}

.wp-block-post-template.is-layout-grid > li .wp-block-post-featured-image,
.wp-block-post-template.is-layout-grid > .wp-block-post .wp-block-post-featured-image {
	margin-bottom: var(--wp--preset--spacing--40);
}

.wp-block-post-template.is-layout-grid > li .wp-block-post-featured-image img,
.wp-block-post-template.is-layout-grid > .wp-block-post .wp-block-post-featured-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}

.wp-block-query-pagination {
	background: rgba(255, 255, 255, 0.55);
	border: var(--spiel-border);
	box-shadow: var(--spiel-shadow-card);
	padding: 0.9rem 1.2rem;
}

.wp-block-quote,
.wp-block-pullquote {
	margin-top: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--60);
}

.wp-block-quote {
	border-left: 3px solid var(--wp--preset--color--primary);
	padding-left: var(--wp--preset--spacing--50);
}

.wp-block-post-content > * + *,
.wp-block-page-content > * + * {
	margin-block-start: 1.25rem;
}

.wp-block-post-content p,
.wp-block-page-content p {
	max-width: 68ch;
}

.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	margin-top: 2.2em;
}

.wp-block-post-terms,
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-comments-title,
.wp-block-comment-date,
.wp-block-comment-edit-link,
.wp-block-query-pagination,
.wp-block-read-more {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wp-block-post-terms,
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-comment-date,
.wp-block-comment-edit-link {
	font-size: var(--wp--preset--font-size--x-small);
}

.wp-block-separator {
	opacity: 0.18;
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
	background: transparent;
	border: var(--spiel-border);
}

.site-shell-card {
	background: rgba(255, 255, 255, 0.5);
	border: var(--spiel-border);
	border-radius: var(--spiel-radius-large);
	box-shadow: var(--spiel-shadow-soft);
}

.section-label {
	font-family: var(--wp--preset--font-family--orbitron);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.story-card-grid .wp-block-post {
	height: 100%;
}

.fiction-post-layout .wp-block-post-content > p:first-of-type::first-letter {
	color: var(--wp--preset--color--primary);
	float: left;
	font-family: var(--wp--preset--font-family--orbitron);
	font-size: 4.5rem;
	line-height: 0.85;
	margin-right: 0.45rem;
	padding-top: 0.25rem;
}

.media-layout .wp-block-embed,
.media-layout .wp-block-video {
	border-radius: var(--spiel-radius);
	overflow: hidden;
}

.archive-chip a {
	background: rgba(255, 255, 255, 0.58);
	border: var(--spiel-border);
	border-radius: 999px;
	display: inline-flex;
	padding: 0.7rem 1rem;
	text-decoration: none;
}

.archive-chip a:hover {
	background: rgba(196, 111, 79, 0.12);
}

@media (max-width: 781px) {
	.wp-block-post-template.is-layout-grid > li,
	.wp-block-post-template.is-layout-grid > .wp-block-post {
		padding: var(--wp--preset--spacing--30);
	}

	.fiction-post-layout .wp-block-post-content > p:first-of-type::first-letter {
		font-size: 3.2rem;
	}
}