/*
Theme Name: House of Habsburg
Theme URI: https://www.house-of-habsburg.org
Description: The House of Habsburg heritage site. A child theme of Twenty Twenty-Four: burgundy and gold, Playfair Display and Montserrat, with a Noto fallback stack for Chinese, Japanese, Thai and Vietnamese. Built 23-Sep-2026.
Author: House of Habsburg
Template: twentytwentyfour
Version: 1.0.0
Requires at least: 6.9
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: hoh-child
*/

:root {
	--hoh-burgundy: #800020;
	--hoh-burgundy-deep: #5c0017;
	--hoh-gold: #ffd700;
	--hoh-parchment: #faf6ef;
	--hoh-ink: #241f20;
}

body {
	font-family: "Montserrat", "Noto Sans", "Noto Sans SC", "Noto Sans JP", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--hoh-ink);
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.wp-block-site-title a {
	font-family: "Playfair Display", "Noto Serif", "Noto Serif SC", "Noto Serif JP", Georgia, serif;
	color: var(--hoh-burgundy);
	font-weight: 600;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

a { color: var(--hoh-burgundy); text-underline-offset: 0.2em; }
a:hover { color: var(--hoh-burgundy-deep); }

/* Gold is an accent only: rules, dividers and small marks — never body text. */
.hoh-rule {
	border: 0;
	height: 3px;
	width: 90px;
	margin: 0 0 1.4rem;
	background: linear-gradient(90deg, var(--hoh-burgundy) 0 55%, var(--hoh-gold) 55% 100%);
}

.hoh-eyebrow {
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--hoh-burgundy);
	margin: 0 0 0.4rem;
	font-weight: 600;
}

.hoh-hero {
	background: linear-gradient(160deg, var(--hoh-burgundy) 0%, var(--hoh-burgundy-deep) 70%);
	color: #fff;
	padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 5vw, 4rem);
	border-radius: 4px;
}

.hoh-hero h1, .hoh-hero h2 { color: #fff; margin-top: 0; }
.hoh-hero p { color: #f3e7e9; max-width: 34em; }
.hoh-hero .hoh-rule { background: linear-gradient(90deg, var(--hoh-gold) 0 100%); }

.hoh-card {
	background: var(--hoh-parchment);
	border: 1px solid #e7ddcf;
	border-top: 3px solid var(--hoh-burgundy);
	border-radius: 3px;
	padding: 1.5rem 1.6rem;
	height: 100%;
}

.hoh-card h3 { margin-top: 0; }

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

.wp-block-button__link {
	background-color: var(--hoh-burgundy);
	color: #fff;
	border-radius: 2px;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.02em;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--hoh-burgundy);
	border-color: var(--hoh-burgundy);
	background: transparent;
}

blockquote {
	border-left: 3px solid var(--hoh-gold);
	padding-left: 1.2rem;
	font-style: italic;
}

.hoh-note {
	background: #fff8e6;
	border-left: 4px solid var(--hoh-gold);
	padding: 1rem 1.2rem;
	font-size: 0.95rem;
}

.hoh-todo {
	background: #fdf1f1;
	border-left: 4px solid var(--hoh-burgundy);
	padding: 1rem 1.2rem;
	font-size: 0.95rem;
	color: var(--hoh-burgundy-deep);
}