/* Mobile layout fixes */
* {
    touch-action: manipulation;
}

html, body {
    overflow-x: hidden !important;
    max-width: 100vw;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overscroll-behavior: none;
    touch-action: pan-y;
}

body {
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

/* Fix for preloader */
.preloader.loaded {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

/* Fix for text slider - hide on mobile */
@media (max-width: 767px) {
    .marquee-section {
        display: none !important;
    }
}

/* Fix for accordion button color transition */
.accordion.style2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: var(--theme) !important;
    color: var(--white) !important;
    transition: background-color 0s !important;
}

.accordion.style2 .accordion-item .accordion-header .accordion-button:not(.collapsed) h5 {
    color: var(--white) !important;
    transition: color 0s !important;
}

.accordion.style2 .accordion-item .accordion-collapse.show .accordion-body {
    background: var(--theme) !important;
    color: var(--white) !important;
    transition: background-color 0s !important;
}

@media (max-width: 991px) {
    /* Additional preloader fixes for mobile */
    .preloader {
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }
    
    .preloader.loaded {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        z-index: -1 !important;
    }
    
    /* Hide preloader immediately on any user interaction */
    body:active .preloader, 
    body:focus .preloader,
    body.scrolling .preloader {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        z-index: -1 !important;
    }
    
    /* Disabling problematic animations on mobile */
    .float-bob-y,
    .float-bob-x,
    .bounce-x,
    .thumb-shape-3,
    .thumb-shape-4,
    .thumb-shape-5,
    .thumb-shape-7 {
        animation: none !important;
        -webkit-animation: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
    }
    
    /* Fix for potential overflow issues */
    .thumb-box {
        overflow: hidden;
    }
    
    /* Ensure all content stays within viewport */
    main, section, div, .container, .row {
        max-width: 100vw;
    }
    
    /* Fix layouts */
    .main-thumb img, .thumb img {
        max-width: 100%;
        height: auto;
    }
}

.mouse-cursor {
    display: none;
}

@media (max-width: 991px) {
    .mouse-cursor {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
}