/* QoT Core: qot-hero dark treatment.
   ---------------------------------------------------------------------------
   WHY THIS FILE EXISTS. qot-theme carries eight `.jab-hero*` rules that put the
   jab-core hero on brand navy with light text (style.css lines 128-134). When
   qot-blocks forked the hero to `acf/qot-hero`, the BLOCK was renamed but the
   THEME rules were never ported, and qot-theme has zero `.qot-hero` rules. Every
   qot-hero on the site has therefore rendered on the pale `--brand-bg-light`
   ground from the plugin default, while jab-hero pages got the intended navy.
   Verified 2026-08-30 against /travel-gear/backpacks/ (jab-hero, navy) versus
   WP 3061 (qot-hero, pale).

   This restores parity site-wide for every qot-hero, mirroring the theme's
   jab-hero rule set one for one. It belongs here rather than in the theme
   because qot-core is the editable plugin and this is a QoT-owned surface.
   --------------------------------------------------------------------------- */

.qot-hero {
	background: var(--brand-primary, #1B365D);
	color: var(--brand-text-on-dark, #F5F5F5);
}

.qot-hero__title,
.qot-hero__subtitle {
	color: var(--brand-text-on-dark, #F5F5F5);
}

.qot-hero__byline {
	color: var(--brand-text-on-dark-muted, #B1C0B6);
}

/* Boxed variant keeps its own lighter ground, so re-invert its text there. */
.qot-hero--variant-boxed {
	background: var(--brand-primary, #1B365D);
}

/* Buttons: filled goes gold on navy, outline goes light. Mirrors jab-hero. */
.qot-hero .qot-btn--filled {
	background: var(--brand-accent, #D4B483);
	color: var(--brand-primary, #1B365D);
	border-color: var(--brand-accent, #D4B483);
}
.qot-hero .qot-btn--filled:hover {
	background: #C2A06D;
	border-color: #C2A06D;
}
.qot-hero .qot-btn--outline {
	color: var(--brand-text-on-dark, #F5F5F5);
	border-color: var(--brand-text-on-dark, #F5F5F5);
}

/* Any link inside the hero has to survive the dark ground. */
.qot-hero a:not(.qot-btn) {
	color: var(--brand-text-on-dark, #F5F5F5);
	text-decoration-color: rgba(255, 255, 255, .45);
}