/* MatchUp NBA — accès Premium (paywall.js) : fenêtre, bouton de compte,
   verrous des pages. Charte du site (mu-cards.css), avec des valeurs de repli
   pour la landing, qui a ses propres variables. Rien ne s'affiche tant que le
   paywall est coupé : le bouton de compte reste vide, aucun verrou n'est posé. */

/* ─ Bouton de compte du menu ─ */
.mu-compte{display:flex;align-items:center;margin-left:auto;flex-shrink:0}
.mu-compte:empty{display:none}
.me-nav-links~.mu-compte{margin-left:12px}
.mu-compte-b{font:inherit;font-size:13px;font-weight:700;height:34px;padding:0 14px;border-radius:8px;cursor:pointer;
  border:1px solid rgba(74,222,128,.45);background:rgba(74,222,128,.1);color:var(--em,#4ade80);white-space:nowrap;transition:background .15s}
.mu-compte-b:hover{background:rgba(74,222,128,.18)}
.mu-compte-b.pm{background:transparent;border-color:var(--s700,#2a2a30);color:var(--em,#4ade80)}
.mu-compte-b:focus-visible{outline:2px solid var(--em,#4ade80);outline-offset:2px}
.mu-compte-i{display:none}
@media(max-width:400px){
  .mu-compte-b{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
  .mu-compte-l{display:none}.mu-compte-i{display:inline}
  .me-nav-links~.mu-compte{margin-left:8px}
}

/* ─ Fenêtre Premium ─ */
html.mu-pw-ouvert{overflow:hidden}
.mu-pw{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.mu-pw[hidden]{display:none}
.mu-pw-fond{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mu-pw-carte{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:#111114;
  border:1px solid rgba(74,222,128,.35);border-radius:18px;padding:28px 24px 22px;color:#e8e8ea;
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(74,222,128,.08);font-family:var(--f,'Satoshi',system-ui,sans-serif)}
.mu-pw-x{position:absolute;top:10px;right:12px;background:none;border:none;color:#9a9aa4;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;line-height:1}
.mu-pw-x:hover{background:rgba(255,255,255,.06);color:#fff}
.mu-pw-vue[hidden]{display:none}
.mu-pw-badge{display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--em,#4ade80);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25);border-radius:99px;padding:4px 10px;margin-bottom:12px}
.mu-pw-t{font-size:21px;font-weight:800;line-height:1.2;color:#fff;margin:0 0 8px;padding-right:24px}
.mu-pw-p{font-size:14px;color:#9a9aa4;line-height:1.55;margin:0 0 16px}
.mu-pw-duo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin-bottom:16px}
.mu-pw-sport{display:flex;align-items:center;gap:8px;background:#1a1a1f;border:1px solid #2a2a30;border-radius:12px;padding:10px 11px;min-width:0}
.mu-pw-ic{font-size:22px;line-height:1;flex-shrink:0}
.mu-pw-sport b{display:block;font-size:13.5px;font-weight:800;line-height:1.2}
.mu-pw-sport small{display:block;font-size:11.5px;font-weight:700;color:var(--em,#4ade80);margin-top:2px}
.mu-pw-plus{font-size:22px;font-weight:800;color:var(--em,#4ade80)}
.mu-pw-prix{font-size:14px;color:#e8e8ea;margin-bottom:14px}
.mu-pw-prix b{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff}
.mu-pw-prix small{display:block;font-size:12px;color:#9a9aa4;margin-top:3px}
.mu-pw-l{list-style:none;margin:0 0 18px;padding:0}
.mu-pw-l li{display:flex;gap:8px;font-size:13.5px;line-height:1.45;padding:5px 0;color:#e8e8ea}
.mu-pw-l li::before{content:"✓";color:var(--em,#4ade80);font-weight:700}
.mu-pw-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;
  background:var(--em,#4ade80);color:#04130a;font:inherit;font-size:15px;font-weight:700;text-decoration:none;text-align:center}
.mu-pw-cta:hover{background:#5ee894}
.mu-pw-cta:disabled{opacity:.6;cursor:wait}
.mu-pw-cta[hidden]{display:none}
.mu-pw-lien{display:block;width:100%;margin-top:10px;background:none;border:1px solid #2a2a30;border-radius:10px;padding:10px;color:#e8e8ea;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.mu-pw-lien:hover{background:#1a1a1f}
.mu-pw-lab{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9a9aa4;margin:12px 0 6px}
.mu-pw-in{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:11px 13px;border-radius:9px;border:1px solid #2a2a30;background:#0a0a0c;color:#fff;outline:none}
.mu-pw-in:focus{border-color:var(--em,#4ade80)}
.mu-pw-err{margin-top:12px;padding:9px 12px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-size:13px;line-height:1.4}
.mu-pw-err[hidden]{display:none}
.mu-pw form .mu-pw-cta{margin-top:16px}
.mu-pw-aide{margin:12px 0 0;text-align:center;font-size:13px;color:#9a9aa4}
.mu-pw-aide a{color:var(--em,#4ade80);text-decoration:underline}
.mu-pw-statut{font-size:14.5px;font-weight:700;margin:0 0 16px}
.mu-pw-carte :focus-visible{outline:2px solid var(--em,#4ade80);outline-offset:2px}
.mu-pw-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:1001;opacity:0;transition:opacity .25s,transform .25s;
  background:#1a1a1f;border:1px solid rgba(74,222,128,.4);color:#e8e8ea;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;pointer-events:none}
.mu-pw-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:380px){.mu-pw-duo{grid-template-columns:1fr}.mu-pw-plus{text-align:center}}

/* ─ Repère de l'aperçu (avant lancement) ─ */
.mu-pw-apercu{position:fixed;left:12px;bottom:12px;z-index:999;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;
  background:#fbbf24;color:#1a1300;border-radius:99px;padding:6px 12px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.mu-pw-apercu a{color:#1a1300;text-decoration:underline}

/* ─ Verrous dans les pages ─ */
/* Aperçu flouté d'un contenu réservé : visible en fond, illisible, inerte. */
.mu-verrou{position:relative;border-radius:16px;overflow:hidden;margin:4px 0 16px}
.mu-verrou-fond{filter:blur(6px);opacity:.55;pointer-events:none;user-select:none;max-height:520px;overflow:hidden}
.mu-verrou-fond::after{content:"";position:absolute;inset:0}
.mu-verrou.court .mu-verrou-fond{max-height:300px}
/* Aperçu sous un verrou : des cartes vides (ApercuFactice, mu-cards.js), aucune donnée. */
.mu-factice .sec{padding:16px 18px;margin-bottom:10px;min-height:150px}
.mu-f-l{height:10px;border-radius:5px;background:#26262c;margin:11px 0}
.mu-f-l.t{height:14px;width:42%;background:#2f2f36;margin-top:2px}
.mu-verrou-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.2),rgba(10,10,12,.85) 45%,rgba(10,10,12,.95))}
.mu-verrou-carte{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 24px));text-align:center;
  background:#111114;border:1px solid rgba(74,222,128,.35);border-radius:16px;padding:22px 20px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.mu-verrou-carte .ic{font-size:26px;margin-bottom:6px}
.mu-verrou-carte h3{font-size:17px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.3}
.mu-verrou-carte p{font-size:13.5px;color:#9a9aa4;line-height:1.5;margin:0 0 14px}
.mu-verrou-carte .mu-pw-cta{font-size:14px;min-height:44px}
.mu-verrou-carte .mu-verrou-sec{display:inline-block;margin-top:10px;background:none;border:none;color:#e8e8ea;font:inherit;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}
.mu-verrou-carte .mu-verrou-offert{display:block;margin-top:8px;font-size:13px;color:var(--em,#4ade80);font-weight:600}
/* Sans aperçu (vanilla) : la même carte, posée dans le flux. */
.mu-verrou-carte.flux{position:static;transform:none;width:auto;margin:6px 0 16px}
/* Pastille de marché verrouillée */
.mu-cad{margin-left:5px;font-size:10px;opacity:.85}
/* Bandeau du joueur offert (liste du soir, sans abonnement) */
.mu-offert-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;border-radius:12px;
  background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.3)}
.mu-offert-t{flex:1 1 260px;min-width:0;margin:0;font-size:13.5px;line-height:1.45;color:var(--s200,#e8e8ea)}
.mu-offert-t b{color:#fff}
.mu-offert-a{display:flex;flex-wrap:wrap;gap:8px}
/* Score verrouillé : la pastille du slate, et les puces de tri / filtre des Séries */
.mu-odd-v .val{font-size:15px}
.mu-verr #fFav::after{content:"🔒";margin-left:5px;font-size:10px}
/* Séries : page entière réservée, les filtres disparaissent avec le contenu */
.mu-verr #filters{display:none}
/* Bouton de compte en lien (connecté) et lien Mon compte de la fenêtre */
a.mu-compte-b{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box}
a.mu-pw-lien{text-align:center;text-decoration:none;box-sizing:border-box}

/* ─ Page Mon compte (compte.html) ─ */
.cpt{max-width:620px;margin:0 auto;padding:40px 16px 72px;color:#e8e8ea}
.cpt h1{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}
.cpt-sub{font-size:14.5px;color:var(--s400,#9a9aa4);margin:0 0 24px;line-height:1.5}
.cpt-att{color:var(--s400,#9a9aa4)}
.cpt-carte{background:#111114;border:1px solid var(--s800,#1e2028);border-radius:14px;padding:20px;margin-bottom:14px}
.cpt-carte h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s400,#9a9aa4);margin:0 0 12px}
.cpt-carte p{font-size:14px;line-height:1.5;color:#c8c8cc}
.cpt-l{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}
.cpt-l:last-of-type{border-bottom:none}
.cpt-l span:first-child{color:var(--s400,#9a9aa4)}
.cpt-l span:last-child{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.cpt-plan{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px;background:rgba(255,255,255,.06);color:#c8c8cc}
.cpt-plan.pm{background:rgba(74,222,128,.1);color:var(--em,#4ade80)}
.cpt label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--s400,#9a9aa4);margin:12px 0 6px}
.cpt input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:11px 13px;border-radius:9px;border:1px solid var(--s700,#2a2a30);background:#0a0a0c;color:#fff;outline:none}
.cpt input:focus{border-color:var(--em,#4ade80)}
.cpt-b{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:46px;margin-top:14px;padding:10px 16px;border-radius:10px;border:none;
  background:var(--em,#4ade80);color:#04130a;font:inherit;font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}
.cpt-b:hover{background:#5ee894}.cpt-b:disabled{opacity:.6;cursor:wait}
.cpt-b.sec{background:transparent;border:1px solid var(--s700,#2a2a30);color:#e8e8ea}.cpt-b.sec:hover{background:#1a1a1f}
.cpt-b.dgr{background:transparent;border:1px solid rgba(248,113,113,.35);color:#f87171}.cpt-b.dgr:hover{background:rgba(248,113,113,.08)}
.cpt-b:focus-visible,.cpt a:focus-visible{outline:2px solid var(--em,#4ade80);outline-offset:2px}
.cpt-err,.cpt-msg{margin-top:12px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.4}
.cpt-err,.cpt-msg.ko{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);color:#f87171}
.cpt-msg.ok{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.3);color:var(--em,#4ade80)}
.cpt-err[hidden],.cpt-msg[hidden]{display:none}
.cpt-aide{margin:12px 0 0;text-align:center;font-size:13px}
.cpt-aide a,.cpt-note a{color:var(--em,#4ade80)}
.cpt-lien{padding:0;border:0;background:none;font:inherit;color:var(--em,#4ade80);text-decoration:underline;cursor:pointer}
.cpt-note{font-size:12.5px!important;color:var(--s400,#9a9aa4)!important;margin:10px 0 0}
.cpt-offre{border-color:rgba(74,222,128,.3)}
.cpt-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:12px}
.cpt-duo span{background:#1a1a1f;border:1px solid var(--s700,#2a2a30);border-radius:10px;padding:9px 10px;font-size:13px;font-weight:700}
.cpt-duo b{display:block;font-size:11.5px;color:var(--em,#4ade80);margin-top:2px}
.cpt-prix{margin:0 0 8px}.cpt-prix b{font-size:28px;font-weight:800;color:#fff}.cpt-prix small{display:block;font-size:12px;color:var(--s400,#9a9aa4);margin-top:2px}
.cpt-offre ul{list-style:none;margin:0;padding:0}
.cpt-offre li{display:flex;gap:8px;font-size:13.5px;padding:4px 0}.cpt-offre li::before{content:"✓";color:var(--em,#4ade80);font-weight:700}
.cpt-act{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
@media(max-width:420px){.cpt-act{grid-template-columns:1fr}.cpt-duo{grid-template-columns:1fr}}
/* CTA des cartes verrouillées de la liste du soir, comme au tennis : bouton
   vert au prix, « sans engagement », note des avis. */
.mu-cta-c{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:12px;padding:12px;border-radius:12px;
  background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.28);text-align:center;cursor:default}
.mu-cta-t{font-size:13px;font-weight:600;color:#fff}
.mu-cta-b{display:inline-block;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;padding:11px 22px;border:0;border-radius:10px;
  background:#4ade80;color:#000;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(74,222,128,.25);
  transition:transform .15s,box-shadow .15s;white-space:nowrap}
.mu-cta-b:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(74,222,128,.35)}
.mu-cta-b:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mu-cta-s{font-size:11.5px;color:#9a9daa;letter-spacing:.02em}
/* Fin de liste : l'appel à tout débloquer */
.mu-cta-fin{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0 8px;padding:24px 18px;border-radius:16px;text-align:center;
  background:linear-gradient(180deg,rgba(74,222,128,.11),rgba(74,222,128,.03));border:1px solid rgba(74,222,128,.38)}
.mu-cta-fin h2{margin:0;font-size:19px;line-height:1.3;color:#fff}
.mu-cta-fin p{margin:0 0 6px;max-width:440px;font-size:13.5px;line-height:1.5;color:var(--s300,#cbcbd3)}
.mu-cta-fin .mu-cta-b{font-size:15px;padding:13px 26px;white-space:normal}
.mu-cta-l{margin-top:2px;padding:6px 10px;border:0;background:none;font-family:inherit;font-size:13px;color:var(--em,#4ade80);cursor:pointer}
.mu-cta-avis{font-size:12.5px;color:#9a9aa4;text-decoration:none}
.mu-cta-avis:hover{text-decoration:underline}
/* « Créer un compte » dans l'aide de la connexion : un bouton au rendu de lien */
.mu-pw-lien-i{padding:0;border:0;background:none;font:inherit;color:var(--em,#4ade80);text-decoration:underline;cursor:pointer}