/* ===== Santy's Salon & Spa — Custom Styles ===== */

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; }

/* Smooth scroll offset for fixed navbar */
section[id] { scroll-margin-top: 80px; }

/* Navbar styles */
#navbar.scrolled {
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
}

/* Selection */
::selection { background: #0d9488; color: #fff; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }

/* Focus visible */
:focus-visible { outline: 2px solid #0d9488; outline-offset: 2px; border-radius: 4px; }

/* Image aspect ratios */
img { max-width: 100%; height: auto; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  img:hover { transform: none; }
  * { transition: none !important; animation: none !important; }
}

/* Print */
@media print {
  header, footer, #contact-form, #mobile-menu { display: none !important; }
  body { color: #000; background: #fff; }
  a { color: #000; }
}