/**
 * ImgPro CDN Frontend Styles
 *
 * Prevents "broken image" flash during CDN fallback
 * by hiding images until they load successfully.
 *
 * @package ImgPro_CDN
 * @since   0.1.0
 */

/*
 * Hide images during fallback (CDN failed, loading from origin)
 * Uses visibility: hidden to prevent broken image icon
 * while maintaining layout space (no shift)
 */
img[data-imgpro-cdn][data-fallback='1']:not(.imgpro-loaded) {
    visibility: hidden;
}

/*
 * Hide permanently failed images
 * data-fallback='2' means both CDN and origin failed
 */
img[data-imgpro-cdn][data-fallback='2'] {
    visibility: hidden !important;
}