/**
 * Minimal Horizontal Scroll Fix for Novoshop Theme
 * Only prevents horizontal overflow without changing layout
 */

/* ============================================
   MINIMAL OVERFLOW PREVENTION
   ============================================ */

/* Prevent horizontal scroll globally - minimal approach */
html, body {
    overflow-x: hidden !important;
}

/* ============================================
   SPECIFIC ELEMENT FIXES
   ============================================ */

/* Fix product gallery overflow */
.woocommerce-product-gallery {
    overflow: hidden !important;
}

.woocommerce-product-gallery__wrapper {
    overflow: hidden !important;
}

.woocommerce-product-gallery__image {
    overflow: hidden !important;
}

/* Fix Elementor widgets that might cause overflow */
.elementor-widget-novoshop-banner-slider {
    overflow: hidden !important;
}

.elementor-widget-novoshop-services-box {
    overflow: hidden !important;
}

/* Fix any wide elements */
.owl-carousel {
    overflow: hidden !important;
}

.owl-stage-outer {
    overflow: hidden !important;
}

/* ============================================
   MOBILE SPECIFIC FIXES
   ============================================ */

@media (max-width: 768px) {
    /* Only fix elements that actually cause overflow */
    .woocommerce-product-gallery {
        overflow: hidden !important;
    }
    
    .woocommerce-product-gallery__wrapper {
        overflow: hidden !important;
    }
    
    /* Fix banner slider on mobile */
    .elementor-widget-novoshop-banner-slider {
        overflow: hidden !important;
    }
    
    .novoshop-banner-slider {
        overflow: hidden !important;
    }
    
    /* Fix services box on mobile */
    .elementor-widget-novoshop-services-box {
        overflow: hidden !important;
    }
    
    .novoshop-services-box {
        overflow: hidden !important;
    }
}

/* ============================================
   RTL SPECIFIC FIXES
   ============================================ */

[dir="rtl"] {
    overflow-x: hidden !important;
}

/* ============================================
   PRINT STYLES
   ============================================ */

@media print {
    html, body {
        overflow-x: visible !important;
    }
}