/*
Theme Name: AnotherPanacea
Template: twentytwentyfive
Description: Custom child theme of Twenty Twenty-Five for anotherpanacea.com — a personal blog on philosophy, policy, fiction, and culture.
Author: Joshua Miller
Author URI: https://anotherpanacea.com
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: anotherpanacea
License: GPL-2.0-or-later
*/

/* ===================================================
   The Prescription Bar — amber-to-rust gradient
   Fixed at the top of every page.
   =================================================== */
body::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--accent-2) 0%,
		var(--wp--preset--color--accent-1) 40%,
		var(--wp--preset--color--accent-3) 100%
	);
	z-index: 9999;
	pointer-events: none;
}

body {
	padding-top: 3px;
}

.admin-bar body::before {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar body::before {
		top: 46px;
	}
}

/* ===================================================
   Drop cap — Fraunces initial in amber (single posts)
   =================================================== */
.wp-block-post-content > p:first-of-type::first-letter {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 3.5em;
	float: left;
	line-height: 0.8;
	margin-right: 0.08em;
	margin-top: 0.12em;
	color: var(--wp--preset--color--accent-1);
	font-weight: 600;
}

@media screen and (max-width: 600px) {
	.wp-block-post-content > p:first-of-type::first-letter {
		font-size: 2.8em;
	}
}

/* ===================================================
   Excerpt initial — amber first letter on blog listing
   =================================================== */
p.wp-block-post-excerpt__excerpt {
	overflow: hidden;
	max-height: 4.8em;
}

p.wp-block-post-excerpt__excerpt::first-letter {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 1.6em;
	color: var(--wp--preset--color--accent-1);
	font-weight: 600;
	line-height: 1;
}

/* ===================================================
   Section dividers — § pilcrow over a thin rule
   =================================================== */
.wp-block-separator:not(.is-style-dots)::after {
	content: "\A7";
	display: block;
	text-align: center;
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 1rem;
	color: var(--wp--preset--color--accent-2);
	position: relative;
	top: -0.65em;
	background: var(--wp--preset--color--base);
	width: 2em;
	margin: 0 auto;
	line-height: 1;
}

/* ===================================================
   Link transitions
   =================================================== */
.wp-block-post-content a {
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.wp-block-post-title a {
	transition: color 0.25s ease;
}

/* ===================================================
   Selection highlight — amber on dark
   =================================================== */
::selection {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}

/* ===================================================
   Footer top border
   =================================================== */
.wp-block-template-part[data-area="footer"] {
	border-top: 1px solid var(--wp--preset--color--accent-2);
}

/* ===================================================
   Pullquote refinement
   =================================================== */
.wp-block-pullquote blockquote p {
	font-style: italic;
}

/* ===================================================
   Smooth scrolling
   =================================================== */
html {
	scroll-behavior: smooth;
}

/* ===================================================
   Image captions — centered
   =================================================== */
.wp-block-image figcaption {
	text-align: center;
}