/**
 * Smooth Scroll Behavior
 * 
 * Enhanced smooth scrolling with proper mobile support
 * and reduced motion respect.
 */

/* ==========================================================================
   SMOOTH SCROLL BASE
   ========================================================================== */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* Account for fixed navbar */
}

/* ==========================================================================
   CUSTOM SCROLLBAR (Optional - Modern Touch)
   ========================================================================== */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-background, #f5f5f5);
}

::-webkit-scrollbar-thumb {
  background: var(--accent-color, #d4af37);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color-dark, #b49225);
}

/* Dark mode scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #1a1a1a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--accent-color, #d4af37);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color-light, #e9d38b);
}

/* ==========================================================================
   REDUCED MOTION SUPPORT
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  
  * {
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

@media (max-width: 768px) {
  html {
    scroll-padding-top: 60px; /* Smaller navbar on mobile */
  }
  
  /* Disable smooth scroll on mobile for better performance */
  html {
    scroll-behavior: auto;
  }
}