/**
 * WD Media - Frontend Styles
 *
 * Smart crop image rendering styles.
 * Compatible with WP SmartCrop classes.
 */

/* Smart crop images */
img.wpsmartcrop-image {
    object-fit: cover;
    overflow: hidden;
}

/* Hide images until positioned */
img.wpsmartcrop-image:not(.wpsmartcrop-rendered) {
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Show once rendered */
img.wpsmartcrop-image.wpsmartcrop-rendered {
    opacity: 1;
}

/* Overlay fallback for older browsers (not currently implemented) */
.wpsmartcrop-overlay {
    position: relative;
    overflow: hidden;
}

.wpsmartcrop-overlay img {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}