/* Global Overrides */

/* Force scrollability on mobile, overriding fullpage.js lock */
@media screen and (max-width: 768px) {

    html,
    body {
        overflow-y: auto !important;
        height: auto !important;
        touch-action: auto !important;
    }
}

/* Header Transparency Override - NO WHITE BACKGROUND EVER */
header,
header.header-scrolled {
    background: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Change text color to black globally so it's visible on white backgrounds */
header .logo,
header.header-scrolled .logo,
header .nav-links a,
header.header-scrolled .nav-links a,
header .nav-menu a,
header.header-scrolled .nav-menu a {
    color: #000 !important;
}

/* Restore white text on hover for better contrast with blue background */
header .nav-links a:hover,
header.header-scrolled .nav-links a:hover,
header .nav-menu a:hover,
header.header-scrolled .nav-menu a:hover {
    color: #fff !important;
}

/* Change hamburger menu color to black */
header .mobile-menu-btn span,
header.header-scrolled .mobile-menu-btn span {
    background-color: #000 !important;
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {

    /* Hide second section of homepage (Swiper Slider) */
    .home-page .section-slider {
        display: none !important;
    }

    /* Hide first and second sections of product center */
    .section-products-hero,
    .section-products-video {
        display: none !important;
    }

    /* Hide fullpage.js license error message */
    .fp-warning,
    .fp-watermark {
        display: none !important;
    }
}