/* Header Style 9 — Neon Tech (pairs with Footer 7 Midnight Newsletter + Single 10 Dark Hero) */
header.site-header.header-style-9 { border-bottom: 0; }
.header-style-9 .header-inner { justify-content: space-between; }
.header-style-9 .nav-menu { margin: 0 auto; }
.header-style-9 .ep-main-menu { gap: 6px; }
.header-style-9 .ep-main-menu > li > a { padding: 9px 15px; border-radius: 999px; transition: background .2s, color .2s; }
.header-style-9 .ep-main-menu > li:hover > a,
.header-style-9 .ep-main-menu > li.current-menu-item > a,
.header-style-9 .ep-main-menu > li.current-menu-ancestor > a { background: color-mix(in srgb, var(--accent) 22%, transparent); color: #fff; }
.header-style-9 .header-socials-group { border-right-color: rgba(255, 255, 255, .12); }
.header-style-9 .icon-btn:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.header-style-9 .eph-cta { background: linear-gradient(135deg, var(--accent), #22d3ee); box-shadow: 0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent); }
.header-style-9 .eph-cta:hover { box-shadow: 0 10px 30px color-mix(in srgb, var(--accent) 60%, transparent); }
.eph-edge--glow { height: 2px; background: linear-gradient(90deg, transparent, var(--accent) 25%, #22d3ee 75%, transparent); box-shadow: 0 0 18px var(--accent); }
@media (max-width: 992px) { .header-style-9 .header-actions .icon-btn { color: #e2e8f0 !important; } }
/* Always dark: paint the bar and show the light-on-dark logo whatever the Header Background setting is */
header.site-header.header-style-9, header.site-header.header-style-9 .header-inner { background-color: #0b1020 !important; }
header.site-header.header-style-9 { --menu-text: #cbd5e1; --desk-icon-color: #e2e8f0; }
header.header-style-9 .ep-logo-light { display: none !important; }
header.header-style-9 .ep-logo-dark { display: block !important; }
header.header-style-9 .ep-logo-text { color: #fff; }

/* Submenu — Neon Tech: dark glass, indigo glow, glowing rail on hover */
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu { min-width: 240px; padding: 8px; border: 1px solid rgba(129, 140, 248, .28); border-radius: 12px; background: rgba(13, 19, 42, .96); box-shadow: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 24px 60px rgba(2, 6, 23, .55), 0 0 40px color-mix(in srgb, var(--accent) 22%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
[data-submenu="match"] .header-style-9 .ep-main-menu > li > .sub-menu::before { content: ''; position: absolute; top: -1px; left: 16px; right: 16px; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu a { position: relative; padding: 10px 14px; border-radius: 8px; color: #c7d2fe; font-size: 14px; font-weight: 600; }
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu a::before { content: ''; position: absolute; left: 0; top: 9px; bottom: 9px; width: 2px; border-radius: 2px; background: var(--accent); box-shadow: 0 0 10px var(--accent); opacity: 0; transition: opacity .2s; }
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu a:hover { padding-left: 18px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: #fff; }
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu a:hover::before { opacity: 1; }
[data-submenu="match"] .header-style-9 .ep-main-menu .sub-menu .dropdown-icon { color: #818cf8; }