/**
 * Elementor Modern Carousel - Triggered Video.
 */

.emc-triggered-video {
    --emc-tv-duration: 1100ms;
    --emc-tv-delay: 100ms;
    --emc-tv-overlay: rgba(10, 10, 12, 0.92);
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    isolation: isolate;
    border-radius: 24px;
    background: #070708;
    transform: translateZ(0);
}

.emc-triggered-video__media {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.08);
    filter: blur(12px) saturate(0.72) brightness(0.72);
    transition:
        opacity calc(var(--emc-tv-duration) * 0.72) ease var(--emc-tv-delay),
        transform var(--emc-tv-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--emc-tv-delay),
        filter calc(var(--emc-tv-duration) * 0.82) ease var(--emc-tv-delay),
        clip-path var(--emc-tv-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--emc-tv-delay);
}

.emc-triggered-video__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 55%, rgba(255,255,255,0.08), transparent 42%),
        var(--emc-tv-overlay);
    opacity: 1;
    transition:
        opacity calc(var(--emc-tv-duration) * 0.75) ease var(--emc-tv-delay),
        transform var(--emc-tv-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--emc-tv-delay),
        clip-path var(--emc-tv-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--emc-tv-delay);
}

.emc-triggered-video__edge {
    position: absolute;
    top: -15%;
    bottom: -15%;
    left: -24%;
    z-index: 3;
    width: 18%;
    pointer-events: none;
    opacity: 0;
    transform: skewX(-10deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.32), transparent);
}

.emc-triggered-video.is-triggered .emc-triggered-video__media {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: inset(0 0 0 0);
}

.emc-triggered-video.is-triggered .emc-triggered-video__overlay {
    opacity: 0;
}

.emc-triggered-video.is-triggered .emc-triggered-video__edge {
    animation: emc-tv-light-sweep var(--emc-tv-duration) cubic-bezier(0.16, 1, 0.3, 1) var(--emc-tv-delay) both;
}

.emc-tv-effect-fade-up .emc-triggered-video__media {
    transform: translateY(34px) scale(1.025);
    filter: blur(5px) brightness(0.8);
}

.emc-tv-effect-fade-up .emc-triggered-video__overlay {
    transform: translateY(10%);
}

.emc-tv-effect-zoom .emc-triggered-video__media {
    transform: scale(1.2);
    filter: blur(7px) brightness(0.76);
}

.emc-tv-effect-wipe-left .emc-triggered-video__media {
    opacity: 1;
    transform: scale(1.035);
    filter: brightness(0.8);
    clip-path: inset(0 100% 0 0);
}

.emc-tv-effect-wipe-left .emc-triggered-video__overlay {
    clip-path: inset(0 0 0 0);
}

.emc-tv-effect-wipe-left.is-triggered .emc-triggered-video__overlay {
    clip-path: inset(0 0 0 100%);
}

.emc-tv-effect-wipe-up .emc-triggered-video__media {
    opacity: 1;
    transform: scale(1.035);
    filter: brightness(0.8);
    clip-path: inset(100% 0 0 0);
}

.emc-tv-effect-wipe-up .emc-triggered-video__overlay {
    clip-path: inset(0 0 0 0);
}

.emc-tv-effect-wipe-up.is-triggered .emc-triggered-video__overlay {
    clip-path: inset(100% 0 0 0);
}

.emc-triggered-video.is-play-blocked .emc-triggered-video__media {
    cursor: pointer;
}

.emc-triggered-video__placeholder {
    padding: 32px;
    border: 1px dashed #b8bec7;
    border-radius: 12px;
    background: #f5f7fa;
    color: #4b5563;
    text-align: center;
    font: 500 14px/1.5 system-ui, sans-serif;
}

@keyframes emc-tv-light-sweep {
    0% {
        left: -24%;
        opacity: 0;
    }
    18% {
        opacity: 0.8;
    }
    78% {
        opacity: 0.45;
    }
    100% {
        left: 112%;
        opacity: 0;
    }
}

@media (max-width: 767px) {
    .emc-triggered-video {
        border-radius: 18px;
    }

    .emc-triggered-video__media {
        filter: blur(8px) saturate(0.78) brightness(0.76);
    }
}

@media (prefers-reduced-motion: reduce) {
    .emc-triggered-video__media,
    .emc-triggered-video__overlay {
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }

    .emc-triggered-video.is-triggered .emc-triggered-video__edge {
        animation: none;
    }
}