/* ============================================
   SITE GUARDIAN — NAV CSS
   ============================================ */

/* Header base */
.topbar {
  background-color: var(--sg-blue-900);
}

/* Logo */
.sg-logo {
  height: 52px;
  width: auto;
}
.topbar.fixed-top .sg-logo {
  height: 44px;
}

header .nav-link {
  color: var(--sg-white);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  padding: 0;
  border-radius: 0;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 0.9375rem;
  line-height: 100%;
  text-transform: none;
  letter-spacing: 0;
  transition: color 0.2s ease;
}

.nav-link:focus, .nav-link:hover { color: var(--sg-blue-200); }
header .nav-link.active { color: var(--sg-blue-200) !important; font-weight: 600; }

.navbar-nav .dropdown-menu {
  border-radius: 8px;
  padding: 0.5rem 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-optical-sizing: auto;
  border: 1px solid var(--sg-blue-800);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.topbar.fixed-top .nav-link { font-size: 0.875rem !important; }
.dropdown-menu[data-bs-popper] { margin-top: 10px; }
.dropdown-item { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: var(--sg-blue-900) !important; color: var(--sg-white) !important; }
.dropdown-item.active, .dropdown-item:hover, .dropdown-item:active { background-color: var(--sg-blue-500) !important; color: var(--sg-white) !important; }

header .nav-item:last-child .nav-link { margin-right: 0 !important; border-right: none; }
.header-phone a:active, .header-phone a:focus, .header-phone a:hover { color: var(--sg-white); }


/* Responsive
   ============================================ */

@media (max-width: 1400px) {
  header .nav-link { font-size: 0.875rem; }
}

@media (max-width: 1199.98px) {
  header .nav-link {
    font-size: 1.1rem;
    color: var(--sg-white);
    line-height: 1.7rem;
    border-right: none;
    text-align: center;
    border-top: rgba(255, 255, 255, 0.1) 1px solid;
    padding: 0.8rem 0;
  }
  header .nav-link.active { color: var(--sg-blue-200) !important; border-bottom: none; }
  header .top-nav-social { border-top: rgba(0, 0, 0, 0.1) 1px solid; }
  header .navbar-toggler { display: inline-block; }
  header .navbar-toggler-icon {
    width: 2em;
    height: 2em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  a.navbar-brand { max-width: 60%; line-height: 0%; }
}

@media (max-width: 767.98px) { a.navbar-brand { max-width: 70%; } }
@media (max-width: 600px)    { a.navbar-brand { max-width: 80%; } }
@media (max-width: 300px)    { a.navbar-brand { max-width: 70%; } }