/* ===== LIGHT HEADER OVERRIDES ===== */
.header {
  background: #fff !important;
  border-bottom: 1px solid #E2E8F0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.header.scrolled {
  background: #fff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
.new-nav-links > a,
.new-nav-links > .new-mega-trigger > a {
  color: #1E293B !important;
  font-weight: 600 !important;
}
.new-nav-links > a:hover,
.new-nav-links > .new-mega-trigger > a:hover,
.new-nav-links > .new-mega-trigger:hover > a {
  color: #EC5A22 !important;
}
.new-nav-links .fa-caret-down {
  color: #1E293B !important;
  opacity: 0.6 !important;
}
.new-mega-trigger:hover .fa-caret-down {
  color: #EC5A22 !important;
  opacity: 1 !important;
}
.new-mega-menu {
  background: #0B1120 !important;
  background-image: radial-gradient(ellipse at 90% 10%, rgba(236,90,34,0.12) 0%, transparent 50%), radial-gradient(ellipse at 10% 90%, rgba(0,169,234,0.08) 0%, transparent 50%) !important;
  border: 1px solid rgba(236,90,34,0.15) !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(236,90,34,0.1) !important;
}
.mega-card {
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.25s ease !important;
}
.mega-card:hover {
  background: rgba(236,90,34,0.1) !important;
  border-color: rgba(236,90,34,0.35) !important;
  transform: translateY(-1px) !important;
}
.mega-card-title {
  color: #F1F5F9 !important;
  font-weight: 600 !important;
}
.mega-card-desc {
  color: #94A3B8 !important;
}
.mega-bottom-link {
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.04) !important;
  color: #EC5A22 !important;
  font-weight: 600 !important;
  position: relative !important;
  z-index: 1 !important;
}
.mega-bottom-link:hover {
  background: rgba(236,90,34,0.1) !important;
  border-color: rgba(236,90,34,0.35) !important;
  color: #F68B39 !important;
}
.new-btn-ghost {
  color: #1E293B !important;
  font-weight: 600 !important;
}
.new-btn-ghost:hover {
  color: #EC5A22 !important;
}
.new-nav-mobile-toggle {
  color: #1E293B !important;
}
.new-nav-mobile-toggle svg {
  stroke: #1E293B !important;
}

/* ===== MOBILE MENU - MODERN DARK 2026 ===== */
.new-nav-mobile {
  background: #0B1120 !important;
  border-top: none !important;
  z-index: 10000 !important;
  padding: 16px 20px 32px !important;
  gap: 4px !important;
}
.new-nav-mobile > a {
  color: #E2E8F0 !important;
  border-bottom: none !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}
.new-nav-mobile > a:hover {
  color: #fff !important;
  background: rgba(236, 90, 34, 0.08) !important;
}
.new-nav-mobile > div {
  margin-bottom: 2px !important;
}
.new-nav-mobile .new-mobile-dropdown-btn {
  color: #E2E8F0 !important;
  border-bottom: none !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}
.new-nav-mobile .new-mobile-dropdown-btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.new-nav-mobile .new-mobile-dropdown-btn:hover,
.new-nav-mobile .new-mobile-dropdown-btn.active {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
.new-nav-mobile .new-mobile-dropdown-btn i {
  color: #64748B !important;
  font-size: 12px !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.new-nav-mobile .new-mobile-dropdown-btn.active i {
  color: #EC5A22 !important;
  transform: rotate(180deg) !important;
}
.new-nav-mobile .new-mobile-dropdown-content {
  padding: 4px 0 8px 0 !important;
  margin: 0 8px !important;
  border-left: 2px solid rgba(236, 90, 34, 0.3) !important;
}
.new-nav-mobile .new-mobile-dropdown-content a {
  color: #94A3B8 !important;
  border-bottom: none !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 2px 0 !important;
  transition: all 0.2s ease !important;
}
.new-nav-mobile .new-mobile-dropdown-content a:hover {
  color: #EC5A22 !important;
  background: rgba(236, 90, 34, 0.06) !important;
}
.new-nav-mobile hr {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin: 12px 16px !important;
}
.new-nav-mobile .new-btn-primary {
  margin-top: 8px !important;
  text-align: center !important;
  border-radius: 12px !important;
  padding: 14px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}