/* ==========================================================
   video-hero.css — Video Hero
   ========================================================== */

.jyl-video-hero{
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

/* Content block — positioned absolute via JS/PHP */
.jyl-video-hero__content{
    position:absolute;
    z-index:10;
}
.jyl-video-hero__content-inner{
    /* max-width controlled via Elementor selector */
}

/* Label */
.jyl-video-hero__label{
    font-size:var(--jyl-fs-12);font-weight:var(--jyl-fw-medium);
    letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.60);margin:0 0 1rem;
}
@media(max-width:597px){.jyl-video-hero__label{font-size:11px}}

/* Heading */
.jyl-video-hero__heading{
    font-size:var(--jyl-fs-64);font-weight:var(--jyl-fw-bold);
    color:var(--jyl-white);margin:0 0 20px;
    line-height:1.1;letter-spacing:-.02em;
}
.jyl-video-hero__heading span{display:inline-block}
@media(max-width:1197px){.jyl-video-hero__heading{font-size:var(--jyl-fs-48)}}
@media(max-width:597px){.jyl-video-hero__heading{font-size:36px;letter-spacing:-.01em}}

/* Subtitle */
.jyl-video-hero__subtitle{
    font-size:var(--jyl-fs-18);color:rgba(255,255,255,.80);
    margin:0 0 2rem;line-height:1.6;
}
@media(max-width:1197px){.jyl-video-hero__subtitle{font-size:var(--jyl-fs-16)}}
@media(max-width:597px){.jyl-video-hero__subtitle{font-size:15px;margin-bottom:1.5rem}}

/* Buttons row */
.jyl-video-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}

/* ── Controls bar ────────────────────────────────────────── */
.jyl-video-hero-controls{
    position:absolute;
    z-index:20;
    display:flex;
    gap:8px;
}

/* Pause button icon toggle */
.jyl-video-hero-controls .jyl-icon-btn .jyl-icon-play{display:none}
.jyl-video-hero-controls .jyl-icon-btn.is-paused .jyl-icon-pause{display:none}
.jyl-video-hero-controls .jyl-icon-btn.is-paused .jyl-icon-play{display:block}

/* Mute button icon toggle */
.jyl-video-hero-controls .jyl-icon-btn .jyl-icon-sound-off{display:none}
.jyl-video-hero-controls .jyl-icon-btn.is-muted .jyl-icon-sound-on{display:none}
.jyl-video-hero-controls .jyl-icon-btn.is-muted .jyl-icon-sound-off{display:block}