/* ============================================================
   Animated Single Image Widget - Styles
   ============================================================ */

.ce-image-animation-wrapper {
    width: 100%;
}

.ce-image-animation-inner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}

.ce-image-animation-inner img {
    width: 100%;
    height: auto;
    display: block;
}

/* ── Reveal Overlay ─────────────────────────────────────────── */
.ce-image-reveal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

/* Initial states for non-reveal animations (handled by GSAP but good to have) */
.ce-image-animation-inner[data-animation-style^="fade"],
.ce-image-animation-inner[data-animation-style^="zoom"],
.ce-image-animation-inner[data-animation-style^="slide-short"] {
    opacity: 0;
}