/* ============================================================================
 * The REAL site header, forced dark — for `"nav": "site"`
 * ============================================================================
 * Loaded when a landing page uses Enfold's own header instead of our hand-rolled
 * one. That is what /blackhat2026 and the whiskey pages use, and it is why their
 * nav is fully functional: real dropdowns, the mobile burger, the sticky/scrolled
 * states, the Login glyph, the CTA button. A depth-1 `wp_nav_menu()` imitation
 * cannot reproduce any of that, so don't try — use the real one and restyle it.
 *
 * Rules lifted from /whiskey-tasting, which has the most complete version, and
 * they encode several hard-won things from CLAUDE.md §9:
 *
 *   - Force dark on `#header` in EVERY state, not just `.is-alternate`. A page
 *     with no per-page Enfold setting renders the DEFAULT (cream) header, which
 *     leaves a light bar and a white, invisible logo. A standalone landing page
 *     has no WP page and therefore no per-page setting at all, so the
 *     every-state form is mandatory here, not optional.
 *   - The nav container is `.main-menu` / `.menu-item-inner`, NOT `.av-main-nav`
 *     alone — a rule scoped only to `.av-main-nav` silently no-ops.
 *   - The dropdown caret is the top-level item's `.avia-menu-text::after`, and
 *     the theme colours it from `var(--headerItemColor)`, which differs between
 *     default and alternate header modes. Its rest colour AND its transition
 *     must be pinned or the arrow visibly trails the text on hover.
 *   - The "Request a Demo" CTA is `li.menu-button` and must stay dark-on-orange,
 *     so it is excluded from the cream nav colour.
 *
 * Pairs with enfold-escape.css, which supplies the logo inversion, the Login
 * glyph colour, the announcement-banner suppression and the container reset.
 *
 * Raw hex here rather than tokens on purpose: these rules target Enfold's own
 * elements, which sit OUTSIDE the `.copia-lp` scope where the tokens are defined.
 * ========================================================================= */

#header,
#header.is-alternate,
.header-is-scrolled #header,
.header-is-scrolled #header.is-alternate {
	--headerMenuBgColor: rgba(14, 10, 28, .92) !important;
	--headerMenuInnerBgColor: rgba(14, 10, 28, .92) !important;
	--headerItemColor: #FBF7EC !important;
	--headerItemColorHover: #FF5643 !important;
	--toggleColor: #FBF7EC !important;
	--headerMenuBgShadow: none !important;
	--headerLogoStatus: 1 !important;
	--headerLogoAlternateStatus: 0 !important;
	--headerLogoHeight: 30px !important;
	background-color: rgba(14, 10, 28, .92) !important;
}

#header .header-inner {
	background-color: rgba(14, 10, 28, .92) !important;
	box-shadow: none !important;
}

#header .av-main-nav > li > a,
#header .menu-item-inner {
	color: #FBF7EC !important;
}

/* caret at rest — transition matched to the text so they move in lockstep */
#header .menu-item-inner .avia-menu-text::after {
	color: #FBF7EC !important;
	transition: color .2s ease-in-out !important;
}

#header .menu-item-inner:hover,
#header .menu-item-inner:hover .avia-menu-text,
#header .menu-item-inner:hover .avia-menu-text::after {
	color: #FF5643 !important;
}

/* the CTA stays a button: dark text on orange, cream on hover */
#header .menu-button .menu-item-inner,
#header .menu-button .avia-menu-text {
	color: #210b07 !important;
}

#header .menu-button .menu-item-inner:hover,
#header .menu-button .menu-item-inner:hover .avia-menu-text {
	color: #FBF7EC !important;
}

#header .menu-login .menu-item-inner:hover,
#header .menu-login .menu-item-inner:hover::after {
	color: #FF5643 !important;
}