/* Sticky Navigation Styles for Desktop */

/* Make notification bar sticky on desktop */
@media (min-width: 992px) {
  .notification-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  /* Make navbar sticky on desktop, positioned below notification bar */
  .header-wrapper {
    position: fixed;
    top: auto; /* Will be set via JavaScript to account for notification bar height */
    left: 0;
    right: 0;
    z-index: 9998;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  /* Add padding to body to account for fixed header */
  body.sticky-nav-active {
    padding-top: 120px; /* Will be dynamically calculated */
  }
  
  /* Prevent layout shift when sticky is applied */
  .page-wrapper {
    transition: margin-top 0.3s ease;
  }
  
  /* Enhance navbar background when sticky */
  .header-wrapper.sticky-active {
    background: rgba(255, 255, 255, 0.98);
/*     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
 */  }
  
  /* Ensure logo and nav elements are properly visible */
  .header-wrapper .logo-link img {
    max-height: 40px;
    transition: max-height 0.3s ease;
  }
  
  /* Adjust navbar padding when sticky */
  .header-wrapper .header-container-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    transition: padding 0.3s ease;
  }
  
  /* Hide notification bar when scrolled (optional enhancement) */
  .notification-bar.hidden {
    transform: translateY(-100%);
    transition: transform 0.3s ease;
  }
  
  /* Adjust navbar position when notification bar is hidden */
  .header-wrapper.notification-hidden {
    top: 0 !important;
  }
}

/* Mobile responsive - disable sticky behavior on mobile/tablet */
@media (max-width: 991px) {
  .notification-bar,
  .header-wrapper {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }
  
  body.sticky-nav-active {
    padding-top: 0 !important;
  }
}

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

/* Ensure content doesn't jump when sticky is applied */
.page-wrapper {
  transition: padding-top 0.3s ease;
}