/* =============================================================
   PROPRIETES/ACCES.CSS — Mimba-Educ : la fenêtre « Abonne-toi pour continuer »
   version 1.1 — 2026-10-28  (textes et réglages : proprietes/index.php, section Accès aux cours ; 1.1 : mode Bientôt, compte à rebours)
   ============================================================= */
#mbAcces{position:fixed;inset:0;z-index:9800;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:mbAcFond .3s ease both}
#mbAcces .ac-box{position:relative;width:min(480px,100%);padding:30px 26px 22px;border-radius:22px;text-align:center;color:#e6edf3;
  background:linear-gradient(160deg,#16233f,#0e1530);border:1px solid rgba(56,189,248,.35);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:mbAcBoite .45s cubic-bezier(.2,.8,.2,1) both;
  font-family:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif}
#mbAcces .ac-ico{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);box-shadow:0 12px 30px -10px rgba(56,189,248,.7)}
#mbAcces .ac-ico svg{width:28px;height:28px}
#mbAcces h3{margin:0 0 8px;font-size:21px;font-weight:900;color:#fff}
#mbAcces p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#cbd5e1}
#mbAcces .ac-annonce{margin:4px 0 16px;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.55;color:#fde68a;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.35);text-align:left}
#mbAcces .ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;
  font:800 15px 'Segoe UI',system-ui,sans-serif;color:#fff;background:linear-gradient(100deg,#38bdf8,#a78bfa)}
#mbAcces .ac-btn[aria-disabled=true],#mbAcces .ac-cx a[aria-disabled=true]{opacity:.38;filter:grayscale(1);pointer-events:none;cursor:default}
#mbAcces .ac-cx{margin-top:10px;font-size:13px}
#mbAcces .ac-cx a{color:#7dd3fc}
#mbAcces .ac-suite{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;cursor:pointer;font:800 14px 'Segoe UI',system-ui,sans-serif;
  color:#e6edf3;background:transparent;border:1px solid rgba(148,163,184,.45)}
#mbAcces .ac-suite:hover{border-color:#38bdf8;color:#fff}
#mbAcces .ac-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:#93a4c3;display:grid;place-items:center}
#mbAcces .ac-x:hover{color:#fff;background:rgba(255,255,255,.06)}
#mbAcces .ac-prof{margin-top:12px;font-size:11.5px;color:#fbbf24}
@keyframes mbAcFond{from{opacity:0}}
@keyframes mbAcBoite{from{opacity:0;transform:translateY(20px) scale(.97)}}
/* la carte à la fin d'un cours coupé (mode payant) */
.mb-acces-carte{margin:26px 48px 34px;padding:28px 24px;border-radius:18px;text-align:center;color:#273449;background:linear-gradient(160deg,rgba(56,189,248,.08),rgba(167,139,250,.08));border:1.5px dashed rgba(56,189,248,.5)}
.mb-acces-carte svg{color:#6366f1}
.mb-acces-carte h3{margin:8px 0 6px;font-size:1.25rem;color:#1e293b}
.mb-acces-carte p{margin:0 0 14px;line-height:1.6}
.mb-acces-btn{display:inline-block;padding:11px 22px;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:800;background:linear-gradient(100deg,#38bdf8,#a78bfa)}
.mb-acces-cx{margin-top:10px;font-size:.9em}
#mbAccesRepere{height:1px}
@media(max-width:560px){.mb-acces-carte{margin:20px 14px}}
/* mode Bientôt : le compte à rebours (même allure que la page bientot/) */
#mbAcces.ac-bientot .ac-box{width:min(520px,100%)}
#mbAcces.ac-bientot .ac-ico{background:linear-gradient(135deg,#facc15,#f97316);box-shadow:0 12px 30px -10px rgba(250,204,21,.7)}
.mb-reb{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px 0 18px}
.mb-reb .rb-c{min-width:74px;padding:12px 6px 10px;border-radius:16px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,12,28,.92));border:1px solid rgba(56,189,248,.35);box-shadow:0 0 22px -8px rgba(56,189,248,.55)}
.mb-reb .rb-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(56,189,248,.18)}
.mb-reb .rb-c b{display:block;font-size:30px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.05;text-shadow:0 0 16px rgba(56,189,248,.6)}
.mb-reb .rb-c span{display:block;margin-top:4px;font-size:11.5px;color:#93a4c3;font-weight:700}
.mb-reb .rb-date{flex-basis:100%;text-align:center;font-size:14px;color:#fde68a;font-weight:700}
.mb-reb .rb-ouvert{font-size:22px;font-weight:900;color:#4ade80;text-shadow:0 0 16px rgba(74,222,128,.5)}
.mb-reb-clair .rb-date{color:#b45309}
.mb-reb-clair .rb-ouvert{color:#15803d;text-shadow:none}
.mb-bt-carte svg{color:#f59e0b}
@media(max-width:420px){.mb-reb{gap:6px}.mb-reb .rb-c{min-width:60px}.mb-reb .rb-c b{font-size:24px}}
@media (prefers-reduced-motion:reduce){#mbAcces,#mbAcces .ac-box{animation:none}}