/* Brio Stories - Header Customizations v3 */

/* ===== HEADER BASE ===== */
body .site-header {
  min-height: 130px !important;
  padding: 20px 0 !important;
  background: transparent !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
}
body.has-transparent-header .site-header,
body.has-transparent-header .site-header:not(.scrolled) {
  position: fixed !important;
  top: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
body .logo-wrapper .custom-logo-link img.custom-logo {
  width: 380px !important;
  height: auto !important;
  max-width: 380px !important;
}
body .primary-nav .nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .primary-nav .nav-menu li a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 18px !important;
  border-radius: 25px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  color: #fff !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}
body .primary-nav .nav-menu li:nth-child(2) a { background: #e63946 !important; }
body .primary-nav .nav-menu li:nth-child(3) a { background: #2d6a4f !important; }
body .primary-nav .nav-menu li:nth-child(4) a { background: #1d3557 !important; }
body .primary-nav .nav-menu li:nth-child(5) a { background: #e85d04 !important; }
body .primary-nav .nav-menu li:first-child a {
  background: transparent !important;
  color: rgba(255,255,255,0.8) !important;
  text-transform: none !important;
}
body .primary-nav .nav-menu li a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}
body .header-actions .icon-btn svg {
  stroke: rgba(255,255,255,0.85) !important;
}
body.has-transparent-header .site-header:not(.scrolled) .icon-btn svg {
  stroke: rgba(255,255,255,0.85) !important;
}
.top-bar, .topbar, .header-top-bar, .scroll-progress {
  display: none !important;
}