/*
Theme Name: Words in Low Light
Theme URI: https://wordsinlowlight.com/
Author: Words in Low Light
Description: A quiet, literary block theme for essays, reflections, and lyrical writing.
Version: 1.1.2
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: words-in-low-light
Tags: blog, one-column, block-patterns, block-styles, full-site-editing, featured-images, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Small details that are not expressible cleanly in theme.json. */
html {
	scroll-behavior: smooth;
}

body {
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.16em;
	text-decoration-thickness: 0.06em;
}

a:hover,
a:focus-visible {
	text-decoration-thickness: 0.1em;
}

::selection {
	background: #ded1bd;
	color: #201d1a;
}

.wp-site-blocks {
	min-height: 100vh;
}

.wil-rule {
	border-top: 1px solid var(--wp--preset--color--line);
}

.wil-kicker {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.wil-post-list .wp-block-post {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--50);
}

.wil-post-list .wp-block-post:first-child {
	border-top: 0;
	padding-top: 0;
}

.wil-featured-story .wp-block-post-featured-image img {
	transition: opacity 180ms ease;
}

.wil-featured-story .wp-block-post-featured-image a:hover img,
.wil-featured-story .wp-block-post-featured-image a:focus-visible img {
	opacity: 0.9;
}

.wil-more-writing:not(:has(.wp-block-post)) {
	display: none;
}

.wp-block-post-content > p:first-of-type:not(.has-drop-cap) {
	font-size: clamp(1.22rem, 1.7vw, 1.42rem);
	line-height: 1.65;
}

.wp-block-post-content .has-drop-cap:not(:focus)::first-letter {
	font-family: var(--wp--preset--font-family--display);
	font-size: 5.2em;
	font-weight: 400;
	line-height: 0.78;
	margin: 0.08em 0.12em 0 0;
}

@media (max-width: 700px) {
	.wil-header-row {
		align-items: flex-start !important;
		gap: 1rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}