/* === FMLG top-menu fixes (added 2026-10-26) === */

/* 1) Remove the white gap the theme inserts above the custom fixed header.
      That gap put the white logo + white menu links on a white background,
      making the menu invisible at the top of the page. Scoped so it only
      applies to pages that use the custom header. */
body:has(#siteHeader) .site-main { padding-top: 0 !important; }
body:has(#siteHeader) .entry-content > main,
body:has(#siteHeader) .entry-content main { margin-top: 0 !important; }

/* 2) Normalize the header's two states on every page (some pages carry an
      older copy of the header CSS that is missing the scrolled styles). */
/* Top of page: dark gradient behind white logo + white links */
#siteHeader:not(.scrolled) {
  background: linear-gradient(180deg, rgba(20,18,16,.6) 0%, rgba(20,18,16,.3) 60%, rgba(20,18,16,0) 100%) !important;
}
#siteHeader:not(.scrolled) .nav-logo .logo-white { display: block; }
#siteHeader:not(.scrolled) .nav-logo .logo-black { display: none; }
#siteHeader:not(.scrolled) .nav-toggle span { background: #fff; }
@media (min-width: 941px) {
  #siteHeader:not(.scrolled) nav.links > a:not(.nav-cta) { color: #fff; }
  #siteHeader:not(.scrolled) .menu-btn { color: #fff; }
  #siteHeader:not(.scrolled) .nav-lang { border-color: rgba(255,255,255,.45); }
}

/* Scrolled: solid white bar with dark logo + dark links */
#siteHeader.scrolled {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(22,19,15,.12);
}
#siteHeader.scrolled .nav-logo .logo-white { display: none; }
#siteHeader.scrolled .nav-logo .logo-black { display: block; }
#siteHeader.scrolled .nav-toggle span { background: #16130f; }
@media (min-width: 941px) {
  #siteHeader.scrolled nav.links > a:not(.nav-cta) { color: #16130f; }
  #siteHeader.scrolled .menu-btn { color: #16130f; }
  #siteHeader.scrolled .nav-lang { border-color: rgba(22,19,15,.25); }
}

/* 3) Keep dropdown menus open while the mouse travels from the menu button
      down into the panel (there was a dead gap that closed them). */
@media (min-width: 941px) {
  #siteHeader .has-menu .submenu::before {
    content: "";
    position: absolute;
    top: -22px;
    left: -14px;
    right: -14px;
    height: 24px;
  }
  #siteHeader .has-menu .submenu {
    transition: opacity .22s, transform .22s, visibility 0s linear .3s;
  }
  #siteHeader .has-menu:hover .submenu,
  #siteHeader .has-menu.open .submenu,
  #siteHeader .has-menu:focus-within .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
  }
}

/* 4) Remove the theme's default underlines inside the custom menu
      (older copies of the header CSS on some pages let them through). */
#siteHeader nav.links a { text-decoration: none; }
#siteHeader .submenu a { text-decoration: none; }
#siteHeader .nav-logo { text-decoration: none; }