/* Mobile optimization for Trustindex Google Review Widget */
@media screen and (max-width: 767px) {
    /* Override column settings and force horizontal scrolling */
    .ti-widget .ti-widget-container.ti-col-3 .ti-reviews-container-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 15px; /* space for scrollbar */
        gap: 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Ensure review items take up appropriate width */
    .ti-widget .ti-widget-container.ti-col-3 .ti-review-item {
        flex: 0 0 85% !important; /* 85% width allows part of the next review to be visible */
        max-width: 85% !important;
        width: 85% !important;
        scroll-snap-align: center;
        margin: 0 !important; /* Reset any existing margins if gap is used */
    }
    
    /* Hide default navigation if it overlaps or is unnecessary */
    .ti-widget .ti-controls {
        display: none !important;
    }
    
    /* Clean up the scrollbar appearance */
    .ti-widget .ti-widget-container.ti-col-3 .ti-reviews-container-wrapper::-webkit-scrollbar {
        height: 6px;
    }
    .ti-widget .ti-widget-container.ti-col-3 .ti-reviews-container-wrapper::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.05);
        border-radius: 10px;
    }
    .ti-widget .ti-widget-container.ti-col-3 .ti-reviews-container-wrapper::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.2);
        border-radius: 10px;
    }
}