/*
Theme Name: Historical Sturgis Child
Theme URI: https://historicalsturgis.com
Description: Child theme of Kadence for Historical Sturgis (The Curious Historian), prepared under the Curious Publications shared design standards. Stage H1: prepared and installed INACTIVE; activation is a later, separately authorized stage.
Author: Dustin White
Template: kadence
Version: 0.1.0
Text Domain: historical-sturgis-child
*/

/*
 * The Curious Historian — design variables
 * Values approved by Dustin White for preparation and testing (Stage H1),
 * from "The Curious Historian — Proposed Design Identity" (2026-11-14).
 * These variables are inert while the child theme is inactive.
 * No styles from The Curious Christian are copied here.
 */
:root {
	--hs-ink: #211a14;          /* warm ink — deep ground */
	--hs-crimson: #d22254;      /* primary accent (the site's existing identity colour) */
	--hs-crimson-deep: #a31636; /* accent hover / deep */
	--hs-parchment: #f5efe3;    /* paper — section bands */
	--hs-brass: #9a7422;        /* weathered brass — decorative elements (keylines, rules) */
	--hs-brass-text: #8a671e;   /* accessible brass — small brass text and brass grounds carrying small white text (WCAG AA, H3 decision) */
	--hs-text: #262019;         /* body text */
	--hs-text-muted: #6f6455;   /* muted text */
	--hs-card: #ffffff;         /* card ground */
	--hs-body-bg: #fdfcf8;      /* body ground */
}

/*
 * Stage H2 build CSS — The Curious Historian (clone-verified; carried into the
 * production manifest verbatim). Written once, correctly — no corrections block.
 * Stage H3 adjustments (Dustin's decisions, 2026-11-14): accessible brass text
 * variant --hs-brass-text for small brass text and badge grounds; archive
 * columns set to 2 via the post_archive_columns theme mod (not CSS).
 */

/* Masthead: centred Georgia site title, uppercase and letter-spaced (the
   Oswald treatment's formality without the webfont); tagline in muted ink. */
.site-branding .site-title { text-transform: uppercase; letter-spacing: 0.08em; }
.site-branding .site-description {
	color: var(--hs-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.8rem;
}

/* Article presentation: 18px / 1.7 on an approximately 720px measure
   (the Historian's publication trait, per the Proposed Design Identity). */
.single-post .entry-content { font-size: 18px; line-height: 1.7; max-width: 720px; }
.single-post .entry-content h2 { border-bottom: 1px solid var(--hs-parchment); padding-bottom: 0.2em; }

/* Stream / archive cards: thin brass keyline on the image, brass category eyebrow. */
.loop-entry .post-thumbnail { border-top: 3px solid var(--hs-brass); }
.loop-entry .entry-category-links a,
.loop-entry .category-links a {
	color: var(--hs-brass-text);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.72rem;
	font-weight: 700;
}

/* Footer brand + family line (standards §5 structure, Historian dress). */
.foot-name {
	display: block;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.25rem;
	color: var(--hs-parchment);
}
.foot-tagline { display: block; color: rgba(245, 239, 227, 0.75); font-size: 0.9rem; margin-top: 0.25em; }
.site-bottom-footer-inner-wrap .footer-html-inner,
.foot-family { font-size: 0.82rem; color: rgba(245, 239, 227, 0.65); }
.foot-family a { color: rgba(245, 239, 227, 0.85); }

/* Keyboard focus: visible on light and dark grounds alike. */
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid var(--hs-crimson);
	outline-offset: 2px;
}
.site-footer a:focus-visible, .site-footer button:focus-visible { outline-color: #ffffff; }

/* Homepage featured grid (1 large + 6 small overlay tiles), H2 clone build.
   White titles sit on a dark bottom gradient (standards §7: 0.45–0.92 alpha),
   never on a raw photograph. Historical photographs are unfiltered. */
.hs-feature-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 10px;
	margin-bottom: 2em;
}
.hs-tile {
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 150px;
	background: var(--hs-ink);
}
.hs-tile-large { grid-row: span 2; min-height: 320px; }
.hs-tile img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; }
.hs-tile-shade {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(20, 14, 10, 0.92) 0%, rgba(20, 14, 10, 0.45) 45%, rgba(20, 14, 10, 0) 70%);
}
.hs-tile-badge {
	position: absolute; top: 10px; right: 10px;
	background: var(--hs-brass-text); color: #fff;
	font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
	padding: 0.3em 0.6em;
}
.hs-tile-title {
	position: absolute; left: 12px; right: 12px; bottom: 10px;
	color: #fff; font-family: Georgia, 'Times New Roman', serif; font-weight: 700;
	font-size: 1rem; line-height: 1.25;
}
.hs-tile-large .hs-tile-title { font-size: 1.5rem; }
@media (max-width: 768px) {
	.hs-feature-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.hs-tile-large { grid-column: span 2; min-height: 260px; }
	.hs-tile { min-height: 140px; }
}
@media (max-width: 480px) {
	.hs-feature-grid { grid-template-columns: 1fr; }
	.hs-tile-large { grid-column: span 1; }
}

/* The grid rides inside Kadence's archive <ul> as a full-width list item
   (Kadence renders the stream as a CSS grid of <li> entries). */
.hs-feature-item { grid-column: 1 / -1; list-style: none; }

/* Family-line links: Kadence's footer widget link colour (palette3 ink) is
   invisible on the ink footer; this deliberately stronger selector carries
   the quiet-cream link colour, white on hover. */
.site-footer .foot-family a { color: rgba(245, 239, 227, 0.9); }
.site-footer .foot-family a:hover { color: #ffffff; }

/* Stage H4 — About page (scoped to the .hs-about-page page class). */
.hs-about-page .entry-content h2 { border-bottom: 1px solid var(--hs-parchment); padding-bottom: 0.2em;}