/* Website 11 page-hero system — the shipping-policy11 hero treatment applied to the other content pages
   (about, faq, testimonials, delivery proof, contact, refund, blog). Values come from the
   "AMARANTH DARK-THEME OVERRIDES" block of website11/shipping-policy11.html; selectors map each page's
   own hero classes onto the same roles. Loaded after the page stylesheets. */

/* ── Hero surface ─────────────────────────────────────────────────────────── */
.ab-hero,
.faq-hero,
.test-hero,
.dp-hero,
.log-co-cthero,
.log-blog-page .bl2-jr-hero,
.log-delivery-refund-page .hero-section {
	background: radial-gradient(700px 360px at 85% 0%, rgba(60, 200, 232, .22), transparent 60%), radial-gradient(600px 340px at 10% 100%, rgba(75, 227, 181, .18), transparent 60%), linear-gradient(160deg, #0E2527 0%, #081719 70%);
	border-bottom: 1px solid var(--log-line);
}

.ab-hero::before,
.faq-hero::before,
.test-hero::before,
.dp-hero::before,
.log-co-cthero::before,
.log-blog-page .bl2-jr-hero::before,
.log-delivery-refund-page .hero-section::before {
	background: radial-gradient(circle at var(--mx, 18%) var(--my, 20%), rgba(75, 227, 181, .16), transparent 45%);
}

.ab-hero::after,
.faq-hero::after,
.test-hero::after,
.dp-hero::after,
.log-delivery-refund-page .hero-section::after {
	border-color: rgba(214, 240, 236, .08);
}

.ab-hero-photo,
.log-co-cthero-overlay {
	background: linear-gradient(160deg, rgba(14, 37, 39, .55), rgba(8, 23, 25, .35));
}

/* ── Floating leaves + orbit badges ───────────────────────────────────────── */
.ah-leaf,
.fh-leaf,
.th-leaf,
.dh-leaf,
.log-co-hero-leaf,
.log-delivery-refund-page .dr-leaf {
	color: var(--log-mint);
}

.ab-badge-circle,
.fh-badge-circle,
.dp-badge-circle,
.log-co-hero-badge-circle,
.log-delivery-refund-page .dr-badge-circle {
	background: var(--log-grad);
	border-color: rgba(244, 251, 249, .25);
	box-shadow: 0 16px 34px -8px rgba(75, 227, 181, .45);
	color: var(--log-on-accent);
}

.ab-badge-circle .icon,
.fh-badge-circle .icon,
.dp-badge-circle .icon,
.log-co-hero-badge-circle svg,
.log-delivery-refund-page .dr-badge-circle .icon {
	color: var(--log-on-accent);
}

/* ── Kicker pill ──────────────────────────────────────────────────────────── */
.ah-kicker,
.fh-kicker,
.th-kicker,
.dh-kicker,
.log-co-cthero-kicker,
.log-delivery-refund-page .hero-kicker {
	background: rgba(11, 28, 30, .6);
	border: 1px solid rgba(75, 227, 181, .35);
	color: var(--log-mint);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* ── Headline ─────────────────────────────────────────────────────────────── */
.ab-hero h1,
.faq-hero h1,
.test-hero h1,
.dp-hero h1,
.log-co-cthero h1,
.log-blog-page .bl2-jr-hero h1,
.log-delivery-refund-page .hero-section h1 {
	color: var(--log-text-strong);
	font-weight: 800;
	letter-spacing: -.035em;
}

.ab-hero h1 em,
.faq-hero h1 em,
.test-hero h1 em,
.dp-hero h1 em,
.log-co-cthero h1 em,
.log-blog-page .bl2-jr-hero h1 em,
.log-delivery-refund-page .hero-section h1 em {
	font-family: var(--log-serif) !important;
	font-style: italic;
	font-weight: 400 !important;
	letter-spacing: -.01em;
	background: linear-gradient(100deg, #4BE3B5 30%, #B8FBE6 50%, #3CC8E8 70%);
	background-size: 240% auto;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.ab-hero p,
.faq-hero p,
.test-hero p,
.dp-hero p,
.log-co-cthero-lede,
.log-delivery-refund-page .hero-section p {
	color: var(--log-text-soft);
}

/* ── Trust pills / stat chips ─────────────────────────────────────────────── */
.fh-quick-pill,
.th-trust-pill,
.dh-trust-pill,
.log-co-cthero-pill,
.log-delivery-refund-page .h-chip {
	background: rgba(11, 28, 30, .6);
	border-color: rgba(214, 240, 236, .16);
	color: var(--log-text-strong);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.fh-quick-pill:hover,
.th-trust-pill:hover,
.dh-trust-pill:hover,
.log-co-cthero-pill:hover,
.log-delivery-refund-page .h-chip:hover {
	background: rgba(22, 53, 56, .85);
}

.fh-quick-pill .icon,
.th-trust-pill .icon,
.dh-trust-pill .icon,
.log-delivery-refund-page .h-chip .icon,
.log-delivery-refund-page .h-chip svg {
	color: var(--log-mint);
}

.th-score-chip,
.ah-proof {
	background: rgba(11, 28, 30, .6);
	border-color: rgba(214, 240, 236, .16);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.log-co-cthero-btn-primary,
.log-delivery-refund-page .hbtn-primary {
	background: var(--log-grad);
	color: var(--log-on-accent);
	box-shadow: 0 14px 34px -12px rgba(75, 227, 181, .7);
	border: 0;
}

.log-co-cthero-btn-primary:hover,
.log-delivery-refund-page .hbtn-primary:hover {
	background: var(--log-grad);
	color: var(--log-on-accent);
	box-shadow: 0 18px 38px -12px rgba(75, 227, 181, .85);
}

.log-delivery-refund-page .hbtn-ghost {
	border-color: rgba(214, 240, 236, .25);
	color: var(--log-text-strong);
	background: rgba(244, 251, 249, .04);
}

.log-delivery-refund-page .hbtn-ghost:hover {
	background: rgba(244, 251, 249, .08);
	border-color: var(--log-mint);
}

/* ── Page-specific residue of the old light hero veils ────────────────────── */
.ab-hero-inner::before {
	background: rgba(11, 28, 30, .35);
}

.ah-proof p {
	color: var(--log-text-strong);
}

.deck-nav-btn {
	background: var(--log-surface);
	border-color: var(--log-line);
	color: var(--log-text-strong);
}