/* ---------- fenêtre vidéo (src/shared/video-lightbox.js), sur toutes les pages : voile clair dans les tons du site (lavande,
   pêche), lecteur limité à l'écran ; version verticale sur téléphone en portrait (.vlb-box.v) ---------- */
.vlb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(247,244,255,.7);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);opacity:0;transition:opacity .35s ease;font-family:'Inter',sans-serif}
.vlb::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 12% 8%,rgba(204,191,255,.4),rgba(204,191,255,0) 70%),radial-gradient(55% 55% at 90% 96%,rgba(255,206,175,.38),rgba(255,206,175,0) 70%)}
.vlb.show{opacity:1}
.vlb-in{position:relative;z-index:1;max-width:100%}
.vlb-box{position:relative;width:min(96vw,var(--w,1080px),calc(86vh * 16 / 9));aspect-ratio:16 / 9;border-radius:22px;overflow:hidden;background:#F3F0FF;
  box-shadow:0 0 0 1px rgba(125,95,255,.22),0 50px 110px -40px rgba(48,30,140,.45),0 4px 14px rgba(48,30,140,.08);transform:scale(.94);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vlb.show .vlb-box{transform:none}
.vlb-box.v{width:min(96vw,var(--w,430px),calc(86vh * 9 / 16));aspect-ratio:9 / 16}
.vlb-box iframe,.vlb-box video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#F3F0FF}
.vlb-close{position:absolute;right:0;top:-54px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:#fff;color:#2B2B2B;box-shadow:0 10px 24px -10px rgba(48,30,140,.4),0 0 0 1px rgba(125,95,255,.18);transition:background-color .2s,transform .2s}
.vlb-close svg{width:20px;height:20px}
.vlb-close:hover{background:#F3F0FF;transform:scale(1.06)}
.vlb-close:focus-visible{outline:2px solid #7D5FFF;outline-offset:3px}
html.vlb-open{overflow:hidden}
/* écran tactile : vidéo lancée en sourdine, bouton pour rétablir le son */
.vlb-sound{position:absolute;left:50%;bottom:18px;z-index:3;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:11px 18px 11px 14px;
  border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#2B2B2B;font:600 15px/1 'Inter',sans-serif;cursor:pointer;
  box-shadow:0 12px 28px -12px rgba(48,30,140,.55),0 0 0 1px rgba(125,95,255,.18);animation:vlb-soundPing 2.2s ease-out infinite}
@keyframes vlb-soundPing{0%{box-shadow:0 12px 28px -12px rgba(48,30,140,.55),0 0 0 0 rgba(125,95,255,.45)}100%{box-shadow:0 12px 28px -12px rgba(48,30,140,.55),0 0 0 12px rgba(125,95,255,0)}}
.vlb-sound svg{width:20px;height:20px;color:#7D5FFF}
@media (max-height:540px),(max-width:400px){
  .vlb{padding:12px}
  .vlb-close{top:8px;right:8px;background:rgba(255,255,255,.92);z-index:2}
}
@media (prefers-reduced-motion:reduce){
  .vlb,.vlb-box,.vlb-close{transition:none}
  .vlb-box{transform:none}
  .vlb-sound{animation:none}
}