/* Prévisualisation administrateur : active uniquement avec ?admin=webinaires. */
.admin-preview-banner{position:fixed;z-index:100;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 36px);padding:10px 14px;border:1px solid #f6af3c;border-radius:10px;background:#fff8e8;color:#533800;box-shadow:0 12px 32px #0002;font-size:13px;font-weight:700}
.admin-preview-banner[hidden]{display:none}
.admin-preview-banner::before{content:"";width:9px;height:9px;border-radius:50%;background:#f6af3c;box-shadow:0 0 0 4px #f6af3c26}
[data-theme="dark"] .admin-preview-banner{background:#292114;color:#ffe7a9}
.webinar-archive{overflow:hidden;background:var(--surface-2)}
.webinar-archive__header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.webinar-archive__intro{max-width:720px}
.webinar-archive__intro h2{font-size:34px;font-weight:800;margin-bottom:12px}
.webinar-archive__intro .lead{max-width:64ch}
.webinar-archive__controls{display:flex;gap:10px;flex:0 0 auto}
.webinar-archive__button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s,transform .2s}
.webinar-archive__button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.webinar-archive__button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.webinar-archive__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.webinar-archive__viewport::-webkit-scrollbar{display:none}
.webinar-archive__track{display:flex;gap:22px;padding:2px 2px 24px}
.webinar-slide{flex:0 0 min(880px,calc(100vw - 52px));display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);scroll-snap-align:start;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 16px 40px #1018280d}
[data-theme="dark"] .webinar-slide{box-shadow:0 16px 40px #0003}
.webinar-slide__media{position:relative;min-height:410px;background:var(--dark)}
.webinar-slide__media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}
.webinar-slide__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#10101acc)}
.webinar-slide__date{position:absolute;z-index:1;left:22px;bottom:20px;display:grid;padding:12px 14px;border:1px solid #ffffff42;border-radius:10px;background:#10101acc;color:#fff;backdrop-filter:blur(7px)}
.webinar-slide__date strong{font:800 18px/1.2 "Montserrat",Arial,sans-serif}
.webinar-slide__date span{font-size:12px;color:#d8d8e2}
.webinar-slide__body{display:flex;flex-direction:column;padding:30px}
.webinar-slide__topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.webinar-slide__badge{padding:7px 10px;border-radius:999px;background:var(--light);color:var(--blue);font:700 11px/1 "Montserrat",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.webinar-slide__duration{font-size:13px;color:var(--gray)}
.webinar-slide h3{font-size:27px;font-weight:800;margin-bottom:12px}
.webinar-slide__summary{color:var(--text-soft);font-size:16px;line-height:1.6}
.webinar-slide__topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;list-style:none}
.webinar-slide__topics li{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);font-size:12px;font-weight:700;color:var(--text-soft)}
.webinar-slide blockquote{margin:auto 0 20px;padding:16px 18px;border-left:3px solid var(--gold);background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--text-soft);font-size:14px;font-style:italic}
.webinar-slide blockquote footer{display:block;margin-top:8px;padding:0;background:none;color:var(--text);font-size:12px;font-style:normal;font-weight:700}
.webinar-slide__cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--border)}
.webinar-slide__cta p{font-size:13px;color:var(--text-soft)}
.webinar-slide__cta .btn{white-space:nowrap}
.webinar-archive__dots{display:flex;justify-content:center;gap:8px;margin-top:8px}
.webinar-archive__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer;transition:width .2s,background .2s}
.webinar-archive__dot[aria-current="true"]{width:28px;border-radius:8px;background:var(--blue)}
.webinar-archive__note{text-align:center;margin-top:16px;color:var(--gray);font-size:12px}
@media(max-width:760px){
  .webinar-archive__header{align-items:flex-start}
  .webinar-archive__controls{display:none}
  .webinar-archive__intro h2{font-size:28px}
  .webinar-slide{flex-basis:calc(100vw - 50px);grid-template-columns:1fr}
  .webinar-slide__media{min-height:230px;max-height:230px}
  .webinar-slide__body{padding:24px}
  .webinar-slide h3{font-size:23px}
  .webinar-slide__cta{align-items:flex-start;flex-direction:column}
  .webinar-slide__cta .btn{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.webinar-archive__viewport{scroll-behavior:auto}.webinar-archive__button,.webinar-archive__dot{transition:none}}