/**
 * iOS Hero Image Fix CSS - Version 2.1.0
 * Complete iOS rendering fix with overflow prevention
 */

/* iOS-specific fixes using multiple detection methods */
@supports (-webkit-touch-callout: none) {
    /* Fix the hero container on iOS */
    .wp-block-uagb-container.uagb-block-a7522434 {
        background-attachment: scroll !important;
        
        /* Force proper height calculation on iOS */
        height: 100vh !important;
        min-height: -webkit-fill-available !important;
        
        /* Fix background rendering while preventing overflow */
        background-size: auto 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        
        /* Prevent horizontal overflow */
        overflow-x: hidden !important;
        
        /* iOS rendering optimizations */
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

/* Mobile-specific (including iOS) */
@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-a7522434 {
        background-attachment: scroll !important;
        
        /* Prevent squishing by maintaining aspect ratio */
        background-size: auto 100% !important;
        background-position: center center !important;
        
        /* Prevent horizontal overflow */
        overflow-x: hidden !important;
    }
}

/* Additional iOS targeting for older devices */
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .wp-block-uagb-container.uagb-block-a7522434 {
        /* Use viewport-relative units that iOS handles better */
        height: 100vh !important;
        height: -webkit-fill-available !important;
    }
}