/**
 * Lenis Smooth Scroll Styles
 */

/* Basic Lenis styles */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* Ensure the header stays on top and properly positioned */
header {
    z-index: 1000 !important;
    position: fixed !important; /* Fixed position to ensure overlay */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

/* Remove the spacer as we want the header to overlay content */
.header-spacer {
    display: none;
}

/* Parallax effect for images with the parallax-image class */
.parallax-image {
    overflow: hidden;
    position: relative;
}

/* Mobile-only override: make header static instead of fixed */
@media (max-width: 1023px) {
    header {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 50 !important;
    }
}

.parallax-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}