/* CRITICAL MOBILE FIX CSS */
/* This file ensures responsive desktop version shows on ALL devices */

/* Always show pageWrapper */
.pageWrapper {
    display: block !important;
    visibility: visible !important;
}

/* Remove any mobile shell completely */
.mobileShell {
    display: none !important;
    visibility: hidden !important;
}

/* Mobile-specific improvements for pageWrapper */
@media only screen and (max-width: 767px) {
    /* Ensure body doesn't have conflicting styles */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Keep pageWrapper visible on mobile */
    .pageWrapper {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
    }

    /* Enhanced mobile styles for swipeable cards */
    #solutions .row,
    #pricing .row {
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #solutions .row::-webkit-scrollbar,
    #pricing .row::-webkit-scrollbar {
        display: none !important;
    }

    /* Card styling on mobile */
    #solutions .col-md-4,
    #pricing .col-md-4,
    #pricing .col-lg-4 {
        transition: transform 0.3s ease !important;
    }

    /* Improve card readability on mobile */
    .service-single {
        min-height: auto !important;
        padding: 20px !important;
    }

    .service-single h3 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .service-single p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Pricing cards on mobile */
    .single-pricing {
        min-height: auto !important;
        padding: 25px !important;
    }

    .single-pricing h2 {
        font-size: 18px !important;
    }

    .single-pricing .price {
        font-size: 32px !important;
    }

    /* Hero section adjustments */
    .banner-area {
        padding: 60px 0 !important;
    }

    .banner-content h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    .banner-content p {
        font-size: 16px !important;
    }
}