@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.site-header {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

.header-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 72px !important;
}

.site-logo img {
  height: 44px !important;
  transition: opacity 0.2s !important;
  width: auto !important;
}
.site-logo:hover img { opacity: 0.85 !important; }

.main-nav {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-direction: row !important;
}

.main-nav a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2d3748 !important;
  text-decoration: none !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
  font-family: 'Poppins', sans-serif !important;
}

.main-nav a:hover {
  color: #1a3c6e !important;
  background: #eef2ff !important;
}

.main-nav a.active {
  color: #e63946 !important;
  background: #fff5f5 !important;
}

.nav-dropdown {
  position: relative !important;
}

.nav-dropdown > a::after {
  content: " ▾" !important;
  font-size: 10px !important;
}

.dropdown-menu {
  display: none;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
  min-width: 190px !important;
  padding: 8px 0 !important;
  z-index: 100 !important;
  animation: dropIn 0.15s ease;
}

@keyframes dropIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

.nav-dropdown:hover .dropdown-menu {
  display: block !important;
}

.dropdown-menu a {
  display: block !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  border-radius: 0 !important;
  color: #2d3748 !important;
  transition: background 0.15s, color 0.15s !important;
}
.dropdown-menu a:hover {
  background: #f7f8fc !important;
  color: #1a3c6e !important;
  padding-left: 24px !important;
}

.menu-toggle {
  display: none !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px !important;
}

.menu-toggle span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: #2d3748 !important;
  margin: 5px 0 !important;
}

@media (max-width: 900px) {
  .main-nav {
    display: none !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    padding: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  }

  .main-nav.open {
    display: flex !important;
  }

  .nav-dropdown .dropdown-menu {
    position: static !important;
    box-shadow: none !important;
    border: none !important;
  }

  .menu-toggle {
    display: block !important;
  }
}