/* =========================================================================
   Maurizio Lanini — HEADER / MENU / HAMBURGER / FOOTER alignment
   BlackSilver native header.php / footer.php restyled to the immersive look.
   These selectors only exist in the BlackSilver chrome (present on EVERY page,
   incl. the immersive home), so they are intentionally NOT scoped away from the
   immersive template — the shared header/footer must look identical site-wide.
   ========================================================================= */

/* ---- Menu / nav ---- */
.menu-item a,
.main-navigation a,
.horizontal-menu .menu-item a {
  font-family: var(--ml-font-body) !important;
}
.menu-item a:hover,
.menu-item a:focus,
.menu-item.current-menu-item > a,
.menu-item.current_page_item > a,
.menu-item.current-menu-ancestor > a {
  color: var(--ml-gold) !important;
}

/* Header social + cart icons → gold on hover */
.header-social-icons a:hover,
.header-cart:hover i,
.header-cart i:hover {
  color: var(--ml-gold) !important;
}

/* Cart count badge → gold pill (was bright red) */
.woocommerce-theme-menu-cart.item-count,
.woocommerce-theme-menu-cart,
.header-cart .item-count,
.cart-contents-count {
  background-color: var(--ml-gold) !important;
  color: #0b1320 !important;
}

/* Hamburger / toggle trigger → gold on hover */
.sidebar-toggle-menu-trigger:hover span,
.toggle-menu-trigger:hover span,
.mobilemenu-trigger:hover,
.menu-trigger:hover span {
  background-color: var(--ml-gold) !important;
}

/* Language switcher (WPML) — gold active/hover */
.wpml-ls-item a:hover,
.wpml-ls-current-language > a {
  color: var(--ml-gold) !important;
}

/* ---- Sticky header: kill flicker + proper hide-on-scroll (headroom) ----
   BlackSilver's common.js re-fires a 1s `stickymenu-fadein` animation every time it
   re-adds `.stickymenu-active` (native scroll, no throttle) → the header "disappears
   then reappears". We neutralize that animation and drive a single smooth transform
   transition. The hide/show is controlled by the child JS (body.ml-nav-hidden). */
.outer-wrap.stickymenu-zone,
.stickymenu-active.menu-is-horizontal .outer-wrap.stickymenu-zone {
  animation: none !important;
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
  will-change: transform;
}
/* Hide when scrolling DOWN (only while the header is in its fixed sticky state). */
body.ml-nav-hidden.stickymenu-active .outer-wrap.stickymenu-zone {
  transform: translateY(-100%) !important;
}

/* ---- Legibility: scrim behind the overlay menu so white links read on ANY hero ----
   (header-type-overlay forces white menu links; inner pages may have bright heroes.) */
.outer-header-wrap {
  position: relative;
}
.header-type-overlay .outer-header-wrap::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 200%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(6, 14, 24, 0.55) 0%, rgba(6, 14, 24, 0) 100%);
}
.outer-header-wrap > * {
  position: relative;
  z-index: 1;
}

/* ---- Footer ---- */
#copyright,
.footer-outer-wrap {
  font-family: var(--ml-font-body);
}
.horizontal-footer-copyright,
#copyright .footer-widget {
  letter-spacing: 0.06em;
}
#copyright a:hover,
.footer-container a:hover,
.footer-outer-wrap a:hover {
  color: var(--ml-gold) !important;
}
.footer-widget .widget-title {
  font-family: var(--ml-font-serif);
  color: var(--ml-ink);
}