/* Smooth scroll gedrag */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* Hamburger menu animatie */
.nav-open #menu-icon span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.nav-open #menu-icon span:nth-child(2) {
  opacity: 0;
}
.nav-open #menu-icon span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Hero gradient overlay */
.hero-overlay {
  background: linear-gradient(135deg, #0d1b2a 0%, #1a3050 60%, #0d1b2a 100%);
}

/* Dienst-kaart hover */
.service-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(29, 78, 216, 0.15);
}

/* Prijs-kaart accent */
.price-card-featured {
  border: 2px solid #1d4ed8;
  position: relative;
}

/* Sticky nav schaduwtransitie */
.nav-scrolled {
  box-shadow: 0 2px 16px rgba(0,0,0,0.18);
}

/* Formulier focus */
.form-input:focus-visible {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
}