/* =============================================================================
   OSL HEADER (single source of truth)
   Edit variables in :root only.
   ========================================================================== */

:root{
  /* Light clear glass defaults */
  --osl-header-bg: rgba(255,255,255,0.62);
  --osl-header-blur: 22px;
  --osl-header-sat: 140%;

  /* Remove any bottom line */
  --osl-header-border: transparent;

  /* Neutral shadow (optional). Set to `none` for zero shadow. */
  --osl-header-shadow: 0 10px 28px rgba(0,0,0,0.10);
}

/* =============================================================================
   FROZEN: neutralize theme top-bar / wrapper backgrounds (gold band)
   ========================================================================== */
.all-wrapper.top-bar-color-type-light,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1 > .main-header-i{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.all-wrapper.top-bar-color-type-light::before,
.all-wrapper.top-bar-color-type-light::after,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i::before,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i::after,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1::before,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1::after,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1 > .main-header-i::before,
.all-wrapper.top-bar-color-type-light > .all-wrapper-i > .main-header-w.main-header-version1 > .main-header-i::after{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  content: none !important;
}

/* =============================================================================
   THE HEADER LOOK (customize via variables)
   ========================================================================== */
.all-wrapper.top-bar-color-type-light .main-header-w.main-header-version1 .main-header{
  background: var(--osl-header-bg) !important;
  background-color: var(--osl-header-bg) !important;
  background-image: none !important;

  backdrop-filter: blur(var(--osl-header-blur)) saturate(var(--osl-header-sat)) !important;
  -webkit-backdrop-filter: blur(var(--osl-header-blur)) saturate(var(--osl-header-sat)) !important;

  border-bottom: 0 !important;
  box-shadow: var(--osl-header-shadow) !important;
}

/* Overscroll “gap” safety */
html, body{
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.all-wrapper, .all-wrapper-i{
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* =============================================================================
   MENU STYLING (desktop + mobile) — keep all header/menu look here
   ========================================================================== */

:root{
  --osl-menu-link: #0c1b33;
  --osl-menu-link-hover: #2f6bff;
  --osl-menu-link-active: #0c1b33;

  /* Button (last menu item / Contact Us) */
  --osl-menu-btn-bg: #2f6bff;
  --osl-menu-btn-bg-hover: #2457d6;
  --osl-menu-btn-text: #ffffff;

  /* Mobile panel */
  --osl-mobile-panel-bg: rgba(255,255,255,0.96);
  --osl-mobile-link: #0c1b33;
  --osl-mobile-link-hover: #2f6bff;
}

/* Desktop menu links */
.main-header-w.main-header-version1 .main-header #header-menu > li > a{
  color: var(--osl-menu-link) !important;
  font-weight: 600;
}
.main-header-w.main-header-version1 .main-header #header-menu > li > a:hover{
  color: var(--osl-menu-link-hover) !important;
}
.main-header-w.main-header-version1 .main-header #header-menu > li.current-menu-item > a,
.main-header-w.main-header-version1 .main-header #header-menu > li.current_page_item > a,
.main-header-w.main-header-version1 .main-header #header-menu > li.current-menu-ancestor > a{
  color: var(--osl-menu-link-active) !important;
}

/* “Last item button” styling (Contact Us) */
.menu-last-item-button .main-header #header-menu > li:last-child > a{
  background: linear-gradient(135deg, rgba(255,255,255,0.60) 0%, rgba(210,215,225,0.40) 100%) !important;
  color: #1B2E4A !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(255,255,255,0.75) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  font-weight: 600 !important;
}
.menu-last-item-button .main-header #header-menu > li:last-child > a:hover{
  background: var(--osl-menu-btn-bg-hover) !important;
  color: var(--osl-menu-btn-text) !important;
}

/* If theme adds underline/after element on the last item, disable it */
.menu-last-item-button .main-header #header-menu > li:last-child > a::after{
  display: none !important;
}

/* Mobile header bar (icons + logo area sits on your glass header already) */
.mobile-header-w .mobile-header{
  background: transparent !important; /* keep consistent with glass header */
}

/* Mobile menu panel */
.mobile-header-w .mobile-header-menu-w{
  background: var(--osl-mobile-panel-bg) !important;
  background-image: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
}

/* Mobile menu links */
.mobile-header-w #mobile-header-menu > li > a{
  color: var(--osl-mobile-link) !important;
  font-weight: 600;
}
.mobile-header-w #mobile-header-menu > li > a:hover{
  color: var(--osl-mobile-link-hover) !important;
}

/* Mobile toggler/search icons */
.mobile-header-w .mobile-menu-toggler i,
.mobile-header-w .mobile-menu-search-toggler i{
  color: var(--osl-menu-link) !important;
}