/* --- Core Plugin Styles --- */
.liz-wrapper {
    display: inline-block;
    overflow: hidden !important; 
    position: relative;
    vertical-align: middle;
    line-height: 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.liz-target-img {
    transition: transform var(--liz-speed, 0.5s) ease-in-out !important;
    transform: scale(1);
    backface-visibility: hidden;
    /* IMPORTANT: We no longer force height: auto or width: 100%. 
       This allows WordPress block settings (like 4:3 crop) to stay intact. */
}

/* --- Universal Hover Logic --- */
.liz-wrapper:hover .liz-target-img,
a:hover > .liz-target-img,
a:focus > .liz-target-img,
.mgl-img-container a:hover .liz-target-img {
    transform: scale(var(--liz-dynamic-scale, 1.1)) !important;
}

/* --- Block Level Structural Fixes --- */
.wp-block-image .liz-wrapper,
.wp-block-post-featured-image .liz-wrapper,
.mpa-featured-image .liz-wrapper {
    display: block;
    width: 100%;
    /* Ensure the wrapper fills the container to maintain the crop container's size */
    height: 100%;
}

/* --- Meow Gallery Compatibility --- */
.mgl-root .mgl-img-container a {
    display: block !important;
    overflow: hidden !important;
    position: relative;
    width: 100%;
    height: 100%;
}

/* --- WP Native Gallery Compatibility --- */
.wp-block-gallery .wp-block-image a {
    overflow: hidden !important;
    display: block !important;
}