/* =========================================================
   GEA Header Nav Polish v1.1.3
   - Dark, modern
   - Desktop: one line, no horizontal scroll (compacts spacing/size)
   - Dropdowns behave like v1.1.0 (no clipping)
   - Scope: ONLY inside .menu-header
========================================================= */

:root{
  --gea-bg:#0b0f19;
  --gea-bg-2:#0f172a;
  --gea-surface:#111827;
  --gea-border:#1f2937;
  --gea-text:#e5e7eb;
  --gea-text-weak:#cbd5e1;
  --gea-text-strong:#ffffff;
  --gea-brand:#ffd400;
  --gea-shadow:0 14px 40px rgba(0,0,0,.35);
  --gea-radius:14px;
}

.menu-header{
  background: var(--gea-bg) !important;
  border-top: 0 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.03);
  padding-block: 14px !important;
  position: relative;
  z-index: 20;
}

/* root nav */
.menu-header .wp-block-navigation{
  color: var(--gea-text) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  gap: clamp(6px, 0.9vw, 12px);             /* tighter gap */
  overflow: visible;                         /* do not clip dropdowns */
  --gea-link-size: clamp(12px, 0.95vw, 14px);/* compact responsive size */
}

/* Desktop: keep single line by preventing wrap; compact labels */
@media (min-width: 980px){
  .menu-header .wp-block-navigation__container{
    display: flex;
    flex-wrap: nowrap;            /* one line */
    align-items: center;
    white-space: nowrap;          /* labels stay on one line */
    gap: clamp(6px, 0.9vw, 12px);
    overflow: visible;            /* no clipping */
  }
  .menu-header .wp-block-navigation__container > li{
    flex: 0 0 auto;
  }
}

/* Hamburger */
.menu-header .wp-block-navigation__responsive-container-open{
  border:1px solid var(--gea-border);
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--gea-bg-2);
  color: var(--gea-text);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
@media (hover:hover){
  .menu-header .wp-block-navigation__responsive-container-open:hover{
    transform: translateY(-1px);
    box-shadow: var(--gea-shadow);
    border-color: #334155;
  }
}

/* Top-level link with animated underline, compact padding + font-size */
.menu-header .wp-block-navigation__container > li > a.wp-block-navigation-item__content{
  position: relative;
  display:inline-flex; align-items:center;
  gap: 8px;
  padding: 8px 10px;                         /* compact */
  font-size: var(--gea-link-size);
  color: var(--gea-text);
  text-decoration: none !important;
  border: 0;
  border-radius: 10px;
  transition: color .15s ease, opacity .15s ease;
}
.menu-header .wp-block-navigation__container > li > a.wp-block-navigation-item__content::after{
  content:'';
  position:absolute; left:10px; right:10px; bottom:3px;
  height:2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--gea-brand), #ffffff);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}
@media (hover:hover){
  .menu-header .wp-block-navigation__container > li > a.wp-block-navigation-item__content:hover{
    color: var(--gea-text-strong);
  }
  .menu-header .wp-block-navigation__container > li > a.wp-block-navigation-item__content:hover::after{
    transform: scaleX(1);
  }
}

/* Active */
.menu-header .wp-block-navigation__container > li.current-menu-item > a.wp-block-navigation-item__content,
.menu-header .wp-block-navigation__container > li > a[aria-current="page"]{
  color: var(--gea-text-strong);
}
.menu-header .wp-block-navigation__container > li.current-menu-item > a.wp-block-navigation-item__content::after,
.menu-header .wp-block-navigation__container > li > a[aria-current="page"]::after{
  transform: scaleX(1);
}

/* Submenu caret icon */
.menu-header .wp-block-navigation__submenu-icon{
  margin-left: 6px;
  border:1px solid var(--gea-border);
  border-radius: 10px;
  padding: 6px;
  background: var(--gea-bg-2);
  color: var(--gea-text);
  transition: transform .15s ease, background .15s ease, border-color .2s ease;
}
.menu-header .wp-block-navigation-submenu.is-menu-open .wp-block-navigation__submenu-icon{
  transform: rotate(180deg);
  border-color:#334155;
}

/* Dropdown panel — like v1.1.0: not absolutely positioned; rely on block flow */
.menu-header .wp-block-navigation__submenu-container{
  margin-top: 10px;
  padding: 8px;
  background: var(--gea-surface) !important;
  border:1px solid var(--gea-border);
  border-radius: var(--gea-radius);
  box-shadow: var(--gea-shadow);
  min-width: 240px;
  white-space: normal;
  position: static;  /* critical: follow v1.1.0 behavior */
  z-index: auto;
}
.menu-header .wp-block-navigation__submenu-container li a.wp-block-navigation-item__content{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--gea-text);
  text-decoration: none !important;
  border:1px solid transparent;
}
@media (hover:hover){
  .menu-header .wp-block-navigation__submenu-container li a.wp-block-navigation-item__content:hover{
    background: #0f172a;
    border-color:#1f2937;
    color: var(--gea-text-strong);
  }
}

/* Mobile overlay/panel (unchanged) */
.menu-header .wp-block-navigation__responsive-container.has-background{
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(3px) saturate(1.05);
}
.menu-header .wp-block-navigation__responsive-dialog{
  background: var(--gea-bg-2);
  border:1px solid var(--gea-border);
  border-radius: 16px;
  box-shadow: var(--gea-shadow);
  color: var(--gea-text);
}

/* Emphasize My Account */
.menu-header a.wp-block-navigation-item__content[href*="my-account"]{
  font-weight: 800;
  color: var(--gea-text-strong);
}
.menu-header a.wp-block-navigation-item__content[href*="my-account"]::after{
  background: linear-gradient(90deg, var(--gea-brand), var(--gea-brand));
}

/* Focus states */
.menu-header a:focus-visible,
.menu-header button:focus-visible{
  outline: 3px solid var(--gea-brand);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Remove inline italics */
.menu-header [style*="font-style:italic"]{ font-style: normal !important; }