/* =============================================================
   casino-specs-C.css — Famiglia C (online-casinos.ws)
   Schede-dati moderne per la sidebar delle recensioni:
   - metodi di pagamento (Deposit/Withdrawal) -> lista accessibile
   - valute / crypto -> chip
   Sostituisce le vecchie <table> + le icone sprite payment-* (MORTE).
   Tokenizzato (palette C), responsive, accessibile, SENZA dipendenze JS.
   Per il rollout: incollare in fondo a override.css; per il pilota
   resta un file separato linkato nella pagina.
   ============================================================= */
:root{
  --oc-primary:#9fc438;
  --oc-primary-dark:#7ea52e;
  --oc-ink:#333;
  --oc-muted:#888;
  --oc-bg:#fff;
  --oc-surface:#f3f3f3;
  --oc-border:#e6e6e6;
  --oc-ok-bg:#f6fbe9;        /* fondo verde chiaro (coerente con C) */
  --oc-ok-ink:#4d6f14;
  --oc-ok-border:#d7e8b0;
  --oc-radius:12px;
  --oc-radius-pill:999px;
}

/* --- Metodi di pagamento --------------------------------- */
.oc-pay-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.oc-pay-item{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--oc-surface); border:1px solid var(--oc-border);
  border-radius:var(--oc-radius); padding:10px 12px;
}
.oc-pay-name{ font-weight:700; color:var(--oc-ink); font-size:15px; }
.oc-pay-avail{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.oc-avail{
  display:inline-flex; align-items:center; gap:4px;
  font-size:12px; font-weight:600; line-height:1; padding:4px 9px;
  border-radius:var(--oc-radius-pill);
}
.oc-avail::before{ font-weight:700; }
.oc-avail--yes{ background:var(--oc-ok-bg); color:var(--oc-ok-ink); border:1px solid var(--oc-ok-border); }
.oc-avail--yes::before{ content:"\2713"; }                 /* ✓ */
.oc-avail--no{ background:var(--oc-surface); color:#9a9a9a; border:1px solid var(--oc-border); }
.oc-avail--no::before{ content:"\2013"; }                  /* – */

/* --- Chip (valute / crypto) ------------------------------ */
.oc-chips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.oc-chip{
  display:inline-flex; align-items:baseline; gap:6px;
  background:var(--oc-surface); border:1px solid var(--oc-border);
  border-radius:var(--oc-radius-pill); padding:6px 12px;
}
.oc-chip__sym{ color:var(--oc-primary-dark); font-weight:700; font-size:14px; }
.oc-chip__code{ color:var(--oc-ink); font-weight:600; font-size:14px; letter-spacing:.3px; }
.oc-chips--crypto .oc-chip{ background:var(--oc-bg); }

/* --- override di specificità: main.css ha `.sidebarCurrency span{font-size:2.3rem}`
   (0,1,1) che vincerebbe sulle chip. Queste regole (0,2,0) lo battono. --- */
.oc-chips .oc-chip__sym{ font-size:14px; color:var(--oc-primary-dark); font-weight:700; margin:0; }
.oc-chips .oc-chip__code{ font-size:14px; color:var(--oc-ink); font-weight:600; margin:0; }
.oc-chips .oc-chip{ line-height:1.1; }