/* Sitewide CSS for sticky navigation handling */

/* Add padding to body to prevent layout shift when nav becomes sticky */
body {
    padding-top: 0;
    transition: padding-top 0.3s ease;
}

/* When navigation is sticky, add padding to body */
body.has-sticky-nav {
    padding-top: 80px; /* Adjust this value based on your nav height */
}

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Always show scrollbar to prevent layout shift */
body {
    overflow-y: scroll;
}

/* Prevent horizontal scroll */
body {
    overflow-x: hidden;
}

/* Ensure proper stacking context */
.desktop-nav {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body.has-sticky-nav {
        padding-top: 60px; /* Smaller padding for mobile */
    }
}