html {
  scroll-behavior: smooth;
}

/* Header: transparent by default, solid when scrolled */
#header {
  background: transparent;
}

#header.scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

#header.scrolled .logo-text {
  color: #111827;
}

#header.scrolled .nav-link {
  color: #374151;
}

#header.scrolled #mobile-menu-btn {
  color: #111827;
}

/* Legal modal: use flex when visible */
#legal-modal.visible {
  display: flex;
}

/* Prevent body scroll when modal is open */
body.modal-open {
  overflow: hidden;
}

/* Smooth image loading fallback */
img {
  background-color: #e5e7eb;
}