/*
Theme Name: Optima Materia
Theme URI: https://optimaherbs.com
Description: Child theme for Optima Herbs. A materia medica rather than a wellness brand: archival paper, aubergine ground, and specimen-label typography. Built on Twenty Twenty-Five for portability.
Author: Optima Herbs
Version: 1.0.0
Template: twentytwentyfive
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: optima-materia
*/

/* --------------------------------------------------------------
   Nearly everything is handled in theme.json. This file carries
   only what the block editor cannot express: the specimen label,
   the binomial convention, and a few reading refinements.
   -------------------------------------------------------------- */


/* --- The specimen label -------------------------------------- */
/* The signature element. Sits at the top of every ingredient and
   formula page. Deliberately looks like an annotation on a
   herbarium sheet rather than a product spec box.                */

.specimen-label {
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--rule);
	padding: var(--wp--preset--spacing--30) 0;
	margin-block: var(--wp--preset--spacing--50);
	font-family: var(--wp--preset--font-family--utility);
	font-size: 0.8125rem;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.specimen-label dl {
	display: grid;
	grid-template-columns: minmax(7rem, 10rem) 1fr;
	gap: 0.5rem var(--wp--preset--spacing--30);
	margin: 0;
}

.specimen-label dt {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.6875rem;
	color: var(--wp--preset--color--ink-muted);
	padding-top: 0.15em;
}

.specimen-label dd {
	margin: 0;
	color: var(--wp--preset--color--ink);
}

/* Batch reference gets the emphasis. It is the thing that proves
   the rest of the page is not marketing.                         */
.specimen-label dd.is-batch a {
	color: var(--wp--preset--color--gold);
	text-underline-offset: 0.25em;
}

@media (max-width: 480px) {
	.specimen-label dl {
		grid-template-columns: 1fr;
		gap: 0.15rem;
	}
	.specimen-label dd {
		margin-bottom: 0.75rem;
	}
}


/* --- Botanical binomial -------------------------------------- */
/* In a herbarium the Latin name is always marked apart from the
   surrounding text. Same convention here: italic, and the only
   place the botanical green is ever used.                        */

.binomial,
i.binomial,
em.binomial {
	font-style: italic;
	color: var(--wp--preset--color--botanical);
	font-variant-ligatures: common-ligatures;
}


/* --- Evidence grading ---------------------------------------- */
/* Used on ingredient pages to mark how strong the research is.
   Honesty made visible rather than buried in a paragraph.        */

.evidence-note {
	font-family: var(--wp--preset--font-family--utility);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--ink-muted);
	border-left: 2px solid var(--wp--preset--color--rule);
	padding-left: 0.75rem;
	display: inline-block;
}


/* --- Reading refinements ------------------------------------- */

.entry-content p {
	text-wrap: pretty;
}

.entry-content h1,
.entry-content h2,
.entry-content h3 {
	text-wrap: balance;
}

/* Footnote-style references list on evidence-heavy pages */
.references-list {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--wp--preset--color--ink-muted);
}

.references-list li + li {
	margin-top: 0.5rem;
}


/* --- Quality floor -------------------------------------------- */

:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}