/* ════════════════════════════════════════════════════════════════════════════
   PREMATCH — DIRECTORY LEGHE (sport → nazione → leghe con checkbox) come da
   design Dav v0.0.1. Guscio VISIVO, design D 22/07 (ordine Angelo: integrare il
   resto della pagina prematch).

   Riproduce il blocco di Dav (`.qt-box--heading` nazione + `.ev-list` leghe con
   checkbox) nel LOOK CHIARO del prematch (bianco/navy, selezione in oro come le
   celle quota). Classi di Dav RIUSATE (1:1 per B), ma tutto SCOPED sotto
   `.pm-leagues` così non collide con lo style del tema importato.

   ⚠️ SEMANTICA non decisa (domanda ancora aperta a Dav, deferred n.1): questo
   pannello va bene SIA come FILTRO (spunta = mostra quella lega nella lista quote)
   SIA come INDICE (spunta/clic = vai alla lega). Il markup è neutro: B collega
   l'uno o l'altro. Nel CSS nessun handler: solo classi/stati
   (`.is-collapsed` sul blocco nazione, `:checked` sulla checkbox lega).
   Markup: `design_reference/prematch_leagues/markup.html`. Foglio da mettere in FOGLI.
   ──────────────────────────────────────────────────────────────────────────── */

.pm-leagues{background:#fff;border:1px solid rgba(28,66,103,.12);border-radius:10px;
  overflow:hidden;box-shadow:0 1px 3px rgba(18,40,66,.06);color:#12314f;
  font-family:inherit}

/* ── banda SPORT ─────────────────────────────────────────────────────────── */
.pm-leagues .pml-sport{display:flex;align-items:center;gap:9px;padding:.55rem .75rem;
  background:linear-gradient(180deg,#12314f,#0f2a45);color:#fff;font-weight:800;font-size:14px}
.pm-leagues .pml-sport .ic{width:18px;height:18px;color:#cfe3ff;flex:0 0 auto}
.pm-leagues .pml-sport .pml-sport-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-leagues .pml-sport .cnt{margin-left:auto;font-size:12px;font-weight:800;color:#0f2a45;
  background:#f5b301;border-radius:999px;padding:1px 9px;line-height:1.5}

/* ── heading NAZIONE (= .qt-box--heading di Dav) ─────────────────────────── */
.pm-leagues .qt-box--heading{display:flex;align-items:center;justify-content:space-between;
  padding:.42rem .75rem;font-size:14px;font-weight:800;color:#12314f;
  background:linear-gradient(180deg,#f4f8fc,#eaf1f8);border-top:1px solid rgba(28,66,103,.10)}
.pm-leagues .qt-heading--left{display:flex;align-items:center;gap:8px;line-height:1}
.pm-leagues .qt-heading--left .fl{width:18px;height:13px;border-radius:2px;background:#26456b;flex:0 0 auto}
.pm-leagues .qt-heading--right{display:flex;align-items:center;gap:.4rem}
.pm-leagues .qt-heading--right button,
.pm-leagues .btn-icon--select-all{width:26px;height:26px;border-radius:7px;
  border:1px solid rgba(28,66,103,.14);background:#fff;color:#3a5a7d;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;padding:0}
.pm-leagues .qt-heading--right button:hover,
.pm-leagues .btn-icon--select-all:hover{background:#f4f8fc;border-color:rgba(28,66,103,.26);color:#12456f}
/* il «−» del toggle diventa «+» quando la nazione è collassata (B mette .is-collapsed) */
.pm-leagues .pml-country.is-collapsed .btn-menu--group .lbl-min{display:none}
.pm-leagues .btn-menu--group .lbl-plus{display:none}
.pm-leagues .pml-country.is-collapsed .btn-menu--group .lbl-plus{display:inline}

/* ── lista LEGHE con checkbox (= .ev-list di Dav) ────────────────────────── */
.pm-leagues .ev-list{list-style:none;margin:0;padding:6px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:2px}
.pm-leagues .ev-list li{margin:0}
.pm-leagues .input-box--container{display:flex;align-items:center;gap:9px;padding:7px 9px;
  border-radius:7px;cursor:pointer}
.pm-leagues .input-box--container:hover{background:#f4f8fc}
.pm-leagues .input-checkbox{width:17px;height:17px;flex:0 0 auto;accent-color:#f5a623;cursor:pointer;margin:0}
.pm-leagues .subgroup-text{flex:1 1 auto;min-width:0;font-weight:700;font-size:13px;color:#17324d;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-leagues .subgroup-count{flex:0 0 auto;font-size:12px;font-weight:700;color:#5b7793;
  background:#eef3f9;border-radius:999px;padding:0 8px;line-height:18px}
/* lega selezionata: filo d'oro come le celle quota attive */
.pm-leagues .input-box--container:has(.input-checkbox:checked){background:#fff7e9;
  box-shadow:inset 0 0 0 1px #f5a623}
.pm-leagues .input-box--container:has(.input-checkbox:checked) .subgroup-text{color:#b3651e}

/* nazione collassata: la lista sparisce */
.pm-leagues .pml-country.is-collapsed .ev-list{display:none}

@media (max-width:560px){
  .pm-leagues .ev-list{grid-template-columns:1fr}
}

/* selezione campionati sotto Prematch: bandiera come <img> (niente inline) + il divisore sport */
.pm-leagues .qt-heading--left .pml-flag{width:18px;height:13px;border-radius:2px;flex:0 0 auto;object-fit:cover}
.pm-leagues .pml-country + .pml-sport{margin-top:2px}