/* Sticky Navbar with Glassmorphism - Common CSS File */
/* This file contains the common navbar styles for all pages */

/* Sticky Navbar with Glassmorphism */
.navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  transition: all 0.3s ease;
  background: transparent !important;
}

/* Glassmorphism effect - always visible when sticky */
.navbar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  z-index: -1;
  transition: all 0.3s ease;
}

/* Dark mode glassmorphism */
[data-bs-theme="dark"] .navbar::before {
  background: rgba(15, 17, 34, 0.562);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Ensure navbar content is above the glass effect */
.navbar > * {
  position: relative;
  z-index: 1;
}