/**
 * InnoGallerySlider Styles
 * 
 * @package InnoGallerySlider
 * @since 1.0.0
 */

/* Base mobile slider styles */
@media (max-width: 768px) {
    /* Force parent containers to give full width */
    .elementor-image-gallery,
    .elementor-widget-container,
    .elementor-element {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Slider container styles (applied by JavaScript) */
    .innogallery-slider {
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }
    
    /* Slider item styles (applied by JavaScript) */
    .innogallery-slider .gallery-item,
    .innogallery-slider .wp-block-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Image styles for sliders */
    .innogallery-slider .gallery-item img,
    .innogallery-slider .wp-block-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    
    /* Gallery icon styles */
    .innogallery-slider .gallery-icon {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
    
    /* Progress indicator base styles */
    .innogallery-indicator {
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 8px;
        background: linear-gradient(90deg, 
            rgba(255,255,255,0.4) 0%, 
            rgba(255,255,255,0.8) 50%, 
            rgba(255,255,255,0.4) 100%);
        border-radius: 4px;
        z-index: 10;
    }
}

/* Hover pause functionality */
@media (max-width: 768px) {
    .innogallery-slider:hover .gallery-item,
    .innogallery-slider:hover .wp-block-image {
        animation-play-state: paused !important;
    }
    
    .innogallery-slider:hover .innogallery-indicator {
        animation-play-state: paused !important;
    }
}

/* Accessibility - Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .innogallery-slider .gallery-item,
    .innogallery-slider .wp-block-image,
    .innogallery-indicator {
        animation: none !important;
        transition: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .innogallery-indicator {
        background: rgba(255,255,255,0.9) !important;
        border: 1px solid rgba(0,0,0,0.3) !important;
    }
}