/* ---------------------------------------------------------------------------
 * slider-video.css — Slider hero (Swiper) + section vidéo (façade YouTube).
 * Enqueue conditionnel sur l'accueil. Tokens du thème réutilisés.
 * ------------------------------------------------------------------------- */

/* Accessibilité : texte réservé aux lecteurs d'écran */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* --- Slider hero --------------------------------------------------------- */
.block-hero-slider{position:relative;}
.block-hero-slider .swiper{overflow:hidden;}
.block-hero-slider .hero-slide{background-size:cover;background-position:center;min-height:520px;display:flex;align-items:center;}
.block-hero-slider .hero-slide .hero__inner{padding-top:clamp(40px,9vw,96px);padding-bottom:clamp(40px,9vw,96px);width:100%;}
.block-hero-slider .hero-slide h1{color:var(--white);max-width:760px;}
.block-hero-slider .hero-slide p{color:rgba(255,253,248,.9);font-size:18px;max-width:600px;}

/* Boutons prev/next (composant swiper-nav) */
.block-hero-slider .swiper-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(232,217,173,.5);background:rgba(13,48,32,.45);color:var(--goldsoft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;}
.block-hero-slider .swiper-nav-btn:hover{background:rgba(13,48,32,.75);border-color:var(--goldsoft);}
.block-hero-slider .swiper-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold);}
.block-hero-slider .block-hero-slider__prev{left:18px;}
.block-hero-slider .block-hero-slider__next{right:18px;}
.block-hero-slider .swiper-nav-btn .socorif-icon-custom{width:22px;height:22px;}

/* Pagination (composant swiper-pagination) */
.block-hero-slider .swiper-pagination-holder{position:absolute;bottom:18px;left:0;right:0;z-index:10;display:flex;gap:8px;justify-content:center;}
.block-hero-slider .swiper-pagination-bullet{width:9px;height:9px;background:var(--sand2);opacity:.9;border-radius:100px;transition:width .25s;}
.block-hero-slider .swiper-pagination-bullet-active{width:26px;background:var(--gold);}

@media(max-width:640px){
  .block-hero-slider .hero-slide{min-height:440px;}
  .block-hero-slider .swiper-nav-btn{width:40px;height:40px;}
  .block-hero-slider .block-hero-slider__prev{left:8px;}
  .block-hero-slider .block-hero-slider__next{right:8px;}
}

/* Respect de prefers-reduced-motion (règle obligatoire) */
@media (prefers-reduced-motion: reduce){
  .block-hero-slider .swiper-wrapper{transition-duration:0ms!important;}
}

/* --- Section vidéo (façade click-to-load) ------------------------------- */
.socorif-video__grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;max-width:900px;margin:0 auto;}
.yt-facade{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0d3020;cursor:pointer;}
.yt-facade__thumb{width:100%;height:100%;object-fit:cover;display:block;}
.yt-facade__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(13,48,32,.28);border:none;cursor:pointer;transition:background .2s;width:100%;}
.yt-facade__play:hover{background:rgba(13,48,32,.12);}
.yt-facade__play:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--gold);}
.yt-facade__play span{width:76px;height:76px;border-radius:50%;background:var(--gold);color:var(--green3);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 24px -6px rgba(0,0,0,.5);}
.yt-facade iframe{width:100%;height:100%;border:0;display:block;}