/**
 * Sticky Header Styling
 * Works with both public website and admin panel
 */

/* Make navbar/header sticky */
nav, .navbar, header, .header, [role="navigation"] {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}

/* Add shadow on scroll */
nav.scrolled, .navbar.scrolled, header.scrolled, .header.scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* Ensure content flows beneath sticky header */
body {
  overflow-x: hidden;
}

/* Mobile-friendly sticky header */
@media (max-width: 768px) {
  nav, .navbar, header, .header {
    position: sticky;
    top: 0;
  }
}

/* Smooth scrolling for whole page */
html {
  scroll-behavior: smooth;
}