/*
 * Adarna Plant Co. — Brand stylesheet
 * Loaded only on adarna.ilocosemporium.com, after the main child style.
 */

:root {
	--adarna-green:       #003D27;
	--adarna-green-deep:  #023120;
	--adarna-gold:        #ebc774;
	--adarna-cream:       #f6f2ea;
	--adarna-ink:         #1a2a1e;
	--adarna-ink-soft:    #3d5242;
	--adarna-white:       #ffffff;
	--adarna-radius:      10px;
	--adarna-shadow:      0 6px 24px rgba(0, 61, 39, 0.12);
}

/* ── Global overrides ──────────────────────────────────────── */
body {
	background: var(--adarna-cream);
	color: var(--adarna-ink);
}

a { color: var(--adarna-green); }
a:hover { color: var(--adarna-green-deep); }

h1, h2, h3, h4 {
	font-family: "Cinzel", "Trajan Pro", "Georgia", serif;
	color: var(--adarna-green-deep);
	letter-spacing: 0.04em;
}

/* ── Header / Nav ──────────────────────────────────────────── */
.site-header,
.storefront-sticky-add-to-cart {
	background: var(--adarna-green-deep);
	border-bottom: 1px solid rgba(235, 199, 116, 0.25);
}

.site-branding,
.site-header .site-title a,
.site-header .site-description {
	color: var(--adarna-cream);
}

.adarna-logo-link {
	display: flex;
	align-items: center;
}
.adarna-logo {
	height: 44px;
	width: auto;
	display: block;
}

/* Nav links */
.main-navigation ul li a,
.main-navigation ul li a:visited {
	color: rgba(246, 242, 234, 0.85);
	font-family: "Cinzel", serif;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
	color: var(--adarna-gold);
}

/* ── Buttons ───────────────────────────────────────────────── */
.button,
button,
input[type="submit"],
.wc-block-components-button,
.wp-block-button__link {
	background: var(--adarna-green) !important;
	border-color: var(--adarna-green) !important;
	color: var(--adarna-cream) !important;
	border-radius: 999px !important;
	font-family: "Cinzel", serif !important;
	letter-spacing: 0.06em !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
	background: var(--adarna-green-deep) !important;
	border-color: var(--adarna-green-deep) !important;
}

.adarna-btn {
	display: inline-block;
	padding: 12px 28px;
	background: var(--adarna-green);
	color: var(--adarna-cream);
	border-radius: 999px;
	font-family: "Cinzel", serif;
	font-size: 0.82rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease;
}
.adarna-btn:hover {
	background: var(--adarna-green-deep);
	color: var(--adarna-cream);
	text-decoration: none;
}
.adarna-btn--outline {
	background: transparent;
	border: 1.5px solid var(--adarna-green);
	color: var(--adarna-green);
}
.adarna-btn--outline:hover {
	background: var(--adarna-green);
	color: var(--adarna-cream);
}
.adarna-btn--ghost {
	border-color: var(--adarna-gold);
	color: var(--adarna-gold);
}
.adarna-btn--ghost:hover {
	background: var(--adarna-gold);
	color: var(--adarna-green-deep);
}

/* ── Hero ──────────────────────────────────────────────────── */
.adarna-hero {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.adarna-hero__bg {
	object-fit: cover;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	will-change: transform;
}
@media (prefers-reduced-motion: no-preference) {
	.adarna-hero__bg {
	object-fit: cover;
		animation: adarna-drift 18s ease-in-out infinite alternate;
	}
	@keyframes adarna-drift {
		from { transform: scale(1.00); }
		to   { transform: scale(1.04); }
	}
}
.adarna-hero__overlay {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		135deg,
		rgba(2, 49, 32, 0.72) 0%,
		rgba(2, 49, 32, 0.38) 60%,
		rgba(2, 49, 32, 0.18) 100%
	);
}
.adarna-hero__content {
	position: relative;
	z-index: 2;
	padding: 80px 40px;
	max-width: 640px;
}
.adarna-hero__eyebrow {
	display: inline-block;
	font-family: "Cinzel", serif;
	font-size: 0.7rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--adarna-gold);
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(235, 199, 116, 0.4);
	padding-bottom: 6px;
}
.adarna-hero__heading {
	font-family: "Cinzel", serif;
	font-size: clamp(2rem, 5vw, 3.4rem);
	color: var(--adarna-cream);
	line-height: 1.15;
	margin: 0 0 20px;
	letter-spacing: 0.05em;
}
.adarna-hero__sub {
	color: rgba(246, 242, 234, 0.82);
	font-size: 1.05rem;
	max-width: 480px;
	margin-bottom: 32px;
	line-height: 1.6;
}

/* ── Hub cards ─────────────────────────────────────────────── */
.adarna-hubs {
	padding: 64px 0;
	background: var(--adarna-cream);
}
.adarna-hub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 28px;
}
.adarna-hub-card {
	background: var(--adarna-white);
	border-radius: var(--adarna-radius);
	box-shadow: var(--adarna-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.adarna-hub-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 36px rgba(0, 61, 39, 0.16);
}
.adarna-hub-card__img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}
.adarna-hub-card__body {
	padding: 24px 24px 28px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.adarna-hub-card__label {
	font-family: "Cinzel", serif;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--adarna-gold);
	margin-bottom: 8px;
}
.adarna-hub-card__title {
	font-size: 1.2rem;
	color: var(--adarna-green-deep);
	margin: 0 0 10px;
}
.adarna-hub-card__desc {
	color: var(--adarna-ink-soft);
	font-size: 0.93rem;
	flex: 1;
	margin-bottom: 20px;
}

/* ── Featured specimen strip ───────────────────────────────── */
.adarna-specimen-strip {
	background: var(--adarna-green);
	padding: 64px 0;
}
.adarna-specimen-strip .adarna-section-heading {
	color: var(--adarna-gold);
}
.adarna-specimen-strip .adarna-section-sub {
	color: rgba(246, 242, 234, 0.75);
}

/* ── From the Journal ──────────────────────────────────────── */
.adarna-journal {
	padding: 64px 0;
	background: #eef1ec;
}

/* ── Section typography helpers ────────────────────────────── */
.adarna-section-heading {
	font-family: "Cinzel", serif;
	font-size: clamp(1.4rem, 3vw, 2rem);
	color: var(--adarna-green-deep);
	text-align: center;
	margin-bottom: 8px;
	letter-spacing: 0.04em;
}
.adarna-section-sub {
	text-align: center;
	color: var(--adarna-ink-soft);
	font-style: italic;
	margin-bottom: 40px;
}
.adarna-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ── Footer ────────────────────────────────────────────────── */
.site-footer {
	background: var(--adarna-green-deep);
	color: rgba(246, 242, 234, 0.8);
	border-top: 1px solid rgba(235, 199, 116, 0.2);
}
.site-footer a { color: var(--adarna-gold); }
.site-footer a:hover { color: var(--adarna-cream); }

/* ── WooCommerce product cards ─────────────────────────────── */
.woocommerce ul.products li.product .button {
	background: var(--adarna-green) !important;
	color: var(--adarna-cream) !important;
	border-radius: 999px !important;
}
.woocommerce ul.products li.product .price {
	color: var(--adarna-green);
}

/* ── Full-width breakout for hero (escapes Storefront content wrapper) ── */
.adarna-hero {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	/* Ensure no overflow-x caused by breakout */
	max-width: 100vw;
}

/* ── Adarna btn — higher specificity to beat IE anchor color ── */
a.adarna-btn,
a.adarna-btn:visited {
	display: inline-block;
	padding: 12px 28px;
	background: var(--adarna-green);
	color: var(--adarna-cream) !important;
	border-radius: 999px;
	font-family: "Cinzel", serif;
	font-size: 0.82rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
}
a.adarna-btn:hover {
	background: var(--adarna-green-deep);
	color: var(--adarna-cream) !important;
	text-decoration: none;
}
a.adarna-btn--outline,
a.adarna-btn--outline:visited {
	background: transparent;
	border: 1.5px solid var(--adarna-green);
	color: var(--adarna-green) !important;
}
a.adarna-btn--outline:hover {
	background: var(--adarna-green);
	color: var(--adarna-cream) !important;
}
a.adarna-btn--ghost,
a.adarna-btn--ghost:visited {
	background: transparent;
	border: 1.5px solid var(--adarna-gold);
	color: var(--adarna-gold) !important;
}
a.adarna-btn--ghost:hover {
	background: var(--adarna-gold);
	color: var(--adarna-green-deep) !important;
}