/* ============================================================
   SEO ARCADE — Neon Restyle · PHASE 2 (HEADER + MEGA MENU)
   Dark header chrome + neon nav + mega-panel dropdowns + login btn.
   Applies site-wide. ESCAPE HATCH: rename ../seoarcade-neon-restyle.php to .php.off
   ============================================================ */

/* ---- header bars: dark ground ---- */
.site-header .ast-primary-header-bar,
.ast-primary-header-bar.main-header-bar,
.main-header-bar,
.ast-above-header-wrap .ast-above-header,
.ast-below-header-wrap .ast-below-header,
.main-header-bar-wrap .main-header-bar{ background-color:#0C0A0C !important; }
.site-header{ background-color:#0C0A0C !important; }

/* ---- BEAT Astra's transparent header (it forces bg:transparent site-wide) ---- */
body.ast-theme-transparent-header .site-header,
body.ast-theme-transparent-header .ast-primary-header-bar.main-header-bar,
body.ast-theme-transparent-header .main-header-bar,
body.ast-theme-transparent-header .main-header-bar-wrap .main-header-bar,
body.ast-theme-transparent-header .ast-above-header-wrap .ast-above-header,
body.ast-theme-transparent-header .ast-below-header-wrap .ast-below-header{
  background-color:#0C0A0C !important; background-image:none !important;
}
body.ast-theme-transparent-header .main-header-menu .menu-link,
body.ast-theme-transparent-header .ast-nav-menu .menu-link,
body.ast-theme-transparent-header .site-title a{ color:#F7EFF3 !important; }
body.ast-theme-transparent-header .ast-menu-toggle{ color:#2AD4F0 !important; }

/* neon tube under the primary bar */
.ast-primary-header-bar.main-header-bar{
  border-width:0 0 2px 0 !important; border-style:solid !important;
  border-image:linear-gradient(90deg,#FD245F,#FFD109 50%,#2AD4F0) 1 !important;
  box-shadow:0 6px 22px -10px rgba(253,36,95,.35) !important;
}

/* ---- logo ---- */
.custom-logo{ height:52px !important; width:auto !important; max-width:280px !important; }
.site-title a, .site-title{ color:#F7EFF3 !important; }
.site-description{ color:#A99BB2 !important; }

/* ---- primary nav links ---- */
.main-header-menu > .menu-item > .menu-link,
.main-header-menu .menu-link, .ast-nav-menu .menu-link{ color:#F7EFF3 !important; font-weight:600; }
.main-header-menu > .menu-item:hover > .menu-link,
.ast-nav-menu .menu-link:hover{ color:#fff !important; text-shadow:0 0 10px rgba(42,212,240,.6); }
.main-header-menu > .menu-item.current-menu-item > .menu-link{ color:#2AD4F0 !important; text-shadow:0 0 10px rgba(42,212,240,.5); }
.main-header-menu .ast-header-navigation-arrow{ color:#2AD4F0 !important; }

/* ---- sub-menus (base neon) ---- */
.main-header-menu .sub-menu, .ast-nav-menu .sub-menu{
  background:#151019 !important; border:1px solid #3C2F49 !important;
  box-shadow:0 22px 50px -20px rgba(0,0,0,.85) !important; border-radius:0 0 14px 14px !important;
}
.main-header-menu .sub-menu .menu-link{ color:#C9BEDA !important; }
.main-header-menu .sub-menu .menu-item:hover > .menu-link,
.main-header-menu .sub-menu .menu-link:hover{ color:#fff !important; background:rgba(253,36,95,.12) !important; }

/* ---- MEGA panels: widen + 2-column the top-level dropdowns ---- */
@media (min-width:922px){
  .ast-desktop .main-header-menu > .menu-item-has-children > .sub-menu{
    min-width:460px !important; width:max-content !important; max-width:600px !important;
    display:flex !important; flex-wrap:wrap !important; gap:2px 6px !important; padding:16px 18px !important;
    border-top:2px solid transparent; border-image:linear-gradient(90deg,#FD245F,#FFD109,#2AD4F0) 1;
  }
  .ast-desktop .main-header-menu > .menu-item-has-children > .sub-menu > .menu-item{
    width:calc(50% - 6px) !important; float:none !important;
  }
  .ast-desktop .main-header-menu > .menu-item-has-children > .sub-menu > .menu-item > .menu-link{
    border-radius:9px !important; padding:9px 12px !important; font-weight:650 !important;
  }
  /* keep right-edge panels from overflowing the viewport */
  .ast-desktop .main-header-menu > .menu-item-has-children:nth-last-child(-n+3) > .sub-menu{
    left:auto !important; right:0 !important;
  }
}

/* ---- nav hover pill (match mockup) ---- */
@media (min-width:922px){
  .ast-desktop .main-header-menu > .menu-item > .menu-link{
    border-radius:10px !important; padding:8px 15px !important; margin:0 1px; transition:background .14s,color .14s;
  }
  .ast-desktop .main-header-menu > .menu-item:not(.sa-cta-btn):not(.sa-login-btn):hover > .menu-link{
    background:rgba(42,212,240,.10) !important;
  }
}

/* ---- Log In pill button (menu item .sa-login-btn) ---- */
.main-header-menu .sa-login-btn > .menu-link,
.ast-nav-menu .sa-login-btn > .menu-link{
  color:#2AD4F0 !important; border:1px solid #16A6C4 !important; border-radius:10px !important;
  margin:0 4px !important; padding:8px 16px !important;
  box-shadow:inset 0 0 14px rgba(42,212,240,.10), 0 0 14px rgba(42,212,240,.18) !important;
}
.main-header-menu .sa-login-btn > .menu-link:hover{ background:rgba(42,212,240,.12) !important; color:#fff !important; }

/* ---- gold "Schedule a Convo" CTA (menu item .sa-cta-btn) ---- */
.main-header-menu .sa-cta-btn > .menu-link,
.ast-nav-menu .sa-cta-btn > .menu-link{
  background:#FFD109 !important; color:#241a00 !important; font-weight:850 !important;
  border-radius:10px !important; margin:0 4px !important; padding:9px 18px !important;
  text-transform:uppercase; letter-spacing:.02em;
  box-shadow:0 3px 0 #D9A400, 0 0 22px -4px rgba(255,209,9,.55) !important;
}
.main-header-menu .sa-cta-btn > .menu-link:hover{ filter:brightness(1.06); transform:translateY(-1px); }

/* ---- mobile header + drawer ---- */
.ast-mobile-header-inline .ast-menu-toggle, .ast-header-navigation-arrow, .ast-menu-toggle{
  color:#2AD4F0 !important; border-color:#2AD4F0 !important; }
.ast-mobile-popup-drawer .ast-mobile-popup-content,
.ast-mobile-popup-drawer .main-header-menu, #ast-mobile-header{ background:#0C0A0C !important; }
.ast-mobile-popup-drawer .menu-link, .ast-mobile-popup-drawer .ast-menu-toggle{ color:#F7EFF3 !important; }
.ast-mobile-popup-drawer .menu-item{ border-color:#2E2438 !important; }
.site-header .ast-search-icon .astra-search-icon{ color:#F7EFF3 !important; }