/* =====================================================
   1.17 · Le lecteur de la démo, hors de l'accueil (articles du blog)
   ===================================================== */
.fcp-vid-scene{position:relative;max-width:1040px;margin:0 auto}
.fcp-vid-scene::before{content:"";position:absolute;z-index:0;inset:6% -8% -12%;pointer-events:none;
 background:radial-gradient(45% 55% at 22% 45%,rgba(123,34,232,.38),transparent 70%),radial-gradient(45% 55% at 78% 60%,rgba(232,38,126,.30),transparent 70%);filter:blur(46px)}
.fcp-vid-cadre{position:relative;z-index:1;padding:10px;border-radius:34px;background:rgba(255,255,255,.72);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(123,34,232,.16);
 box-shadow:0 70px 120px -60px rgba(43,13,92,.6),0 20px 40px -30px rgba(43,13,92,.35)}
.fcp-vid-ecran{position:relative;border-radius:25px;overflow:hidden;background:#0D0718;aspect-ratio:16/9;isolation:isolate}
.fcp-vid-ecran .fp-media-block,.fcp-vid-ecran .wp-block-fluent-player-media,.fcp-vid-ecran .fluent-player,.fcp-vid-ecran .fluent-player-container{margin:0!important;max-width:none!important;min-width:0!important;width:100%!important;height:100%}
.fcp-vid-ecran media-player{width:100%!important;height:100%!important;border-radius:0!important}
.fcp-vid-ecran .fluent-player-top-title-overlay{display:none!important}
.fcp-vid-yt{width:100%;height:100%}
.fcp-vid-yt iframe{display:block;width:100%;height:100%;border:0}
.fcp-vid-couv{position:absolute;inset:0;z-index:20;display:block;width:100%;height:100%;padding:0;border:0;margin:0;cursor:pointer;background:#0D0718}
.fcp-vid-couv img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.fcp-vid-couv::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(13,7,24,.0),rgba(13,7,24,.28));transition:opacity .4s}
.fcp-vid-couv:hover img{transform:scale(1.025)}
.fcp-vid-lancer{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:34px auto 0;padding:8px 26px 8px 8px;border:0;border-radius:999px;cursor:pointer;
 background:#fff;box-shadow:0 0 0 1px var(--filet,#EBE3F8),0 24px 48px -26px rgba(43,13,92,.55);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.fcp-vid-lancer:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(123,34,232,.3),0 30px 56px -26px rgba(43,13,92,.6)}
.fcp-vid-play{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7B22E8,#E8267E);box-shadow:0 12px 28px -8px rgba(232,38,126,.7)}
.fcp-vid-play svg{width:22px;height:22px;margin-left:3px}
.fcp-vid-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(232,38,126,.45);animation:fcp-vid-onde 2.4s ease-out infinite}
@keyframes fcp-vid-onde{0%{transform:scale(.92);opacity:1}100%{transform:scale(1.35);opacity:0}}
.fcp-vid-txt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.fcp-vid-txt b{font:700 17px/1 Sora,Inter,Arial,sans-serif;color:var(--encre,#150A28);letter-spacing:-.01em}
.fcp-vid-txt small{font:500 12.5px/1 'JetBrains Mono',monospace;color:var(--doux,#756A8C)}
.fcp-vid-scene.is-lu .fcp-vid-lancer{opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .3s,transform .3s}
.fcp-vid-ecran.is-lu .fcp-vid-couv{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
@media (prefers-reduced-motion:reduce){ .fcp-vid-play::after{animation:none} }
@media (max-width:760px){
 .fcp-vid-cadre{padding:6px;border-radius:22px}
 .fcp-vid-ecran{border-radius:17px}
 .fcp-vid-lancer{margin-top:24px;gap:12px;padding:6px 20px 6px 6px}
 .fcp-vid-play{width:46px;height:46px}
 .fcp-vid-play svg{width:19px;height:19px}
 .fcp-vid-txt b{font-size:15px}
}


/* dans un article */
.fcp-vid-article{margin:48px 0 52px;clear:both}
.fcp-vid-article .fcp-vid-scene::before{inset:10% -4% -8%;opacity:.7;filter:blur(40px)}
.fcp-vid-article .fcp-vid-cadre{padding:8px;border-radius:26px}
.fcp-vid-article .fcp-vid-ecran{border-radius:19px}
.fcp-vid-article .fcp-vid-lancer{margin-top:22px}
@media (max-width:760px){ .fcp-vid-article{margin:36px 0 40px} .fcp-vid-article .fcp-vid-cadre{padding:5px;border-radius:18px} .fcp-vid-article .fcp-vid-ecran{border-radius:14px} }

/* 1.17.1 · Chrome ne peignait pas toujours le bouton sous la vidéo (lueur floutée par-dessus) : il passe sur son propre calque. */
.fcp-vid-lancer{will-change:transform;z-index:3}