/* NSC Services — Custom Styles */

/* Hero Background */
.hero-bg {
  background-color: #0f1f3d;
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(0, 102, 204, 0.15) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(201, 168, 76, 0.08) 0%, transparent 50%);
}

/* Scrolled Navbar */
.navbar-scrolled {
  background-color: #0f1f3d !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Section fade-in on scroll */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Service card hover lift */
.service-card:hover {
  transform: translateY(-4px);
}

/* Reference card */
.ref-card:hover {
  transform: translateY(-2px);
}

/* Mobile menu smooth open */
#mobile-menu {
  transition: all 0.2s ease;
}

/* Active nav link indicator */
.nav-link.active {
  color: white !important;
}

/* Form input focus glow */
input:focus, textarea:focus {
  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3);
}

/* Accent color override for Tailwind */
.bg-accent       { background-color: #0066cc; }
.bg-accent-light { background-color: #3388ee; }
.text-accent     { color: #0066cc; }
.border-accent   { border-color: #0066cc; }
.focus\:border-accent:focus { border-color: #0066cc; }
.hover\:bg-accent-light:hover { background-color: #3388ee; }
.text-gold       { color: #c9a84c; }
.bg-gold\/10     { background-color: rgba(201, 168, 76, 0.1); }
.border-gold\/30 { border-color: rgba(201, 168, 76, 0.3); }