/* =====================================================
   ZeezTech Semi-Transparent Glass Header
   Not fully transparent: clean glass effect + darker on scroll
   ===================================================== */

.site-header {
  background: rgba(5, 8, 18, 0.58) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18) !important;
  transition: background 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

/* After scroll: a little darker for readability */
.site-header.zt-header-scrolled {
  background: rgba(5, 8, 18, 0.92) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(242, 5, 92, 0.20), transparent 32%),
    linear-gradient(90deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015));
  opacity: 0.95;
  z-index: -1;
}

.header-wrap {
  min-height: 92px !important;
}

.site-logo {
  height: 74px !important;
}

.main-nav > a,
.nav-link {
  text-shadow: 0 8px 24px rgba(0,0,0,0.30);
}

.dropdown-menu {
  background: rgba(8, 13, 27, 0.94) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,0.38) !important;
}

.send-inquiry-btn {
  box-shadow: 0 12px 32px rgba(242, 5, 92, 0.32) !important;
}

@media (max-width: 768px) {
  .site-header {
    background: rgba(5, 8, 18, 0.82) !important;
  }

  .header-wrap {
    min-height: 82px !important;
  }

  .site-logo {
    height: 62px !important;
  }

  .main-nav {
    top: 82px !important;
    background: rgba(8, 13, 27, 0.96) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.42) !important;
  }
}