/* ================================================================
   ARIAGAS – gestionale-theme.css
   Tema Rosso Fuoco #C0392B
   ================================================================ */

:root {
  --blu:    #C0392B;
  --blu2:   #922B21;
  --verde:  #5ca829;
  --rosso:  #c0392b;
  --grigio: #f0f4f9;
  --border: #c8d6e8;
  --testo:  #1a1e2e;
  --testo2: #5a6070;
  --radius: 10px;
  --cal-bg: #f0f4f9;
}

/* ── Calendario – alto contrasto ─────────────────────────────── */
.cal-cell                    { background:#fff !important; border:1.5px solid #c8d6e8 !important; color:#111 !important; border-radius:6px !important; }
.cal-cell .num               { color:#111 !important; font-size:18px !important; font-weight:800 !important; }
.cal-cell.passato            { background:#f7f7f7 !important; border-color:#e0e0e0 !important; }
.cal-cell.passato .num       { color:#bbb !important; }
.cal-cell.weekend            { background:#fff5f5 !important; border-color:#e8c0c0 !important; }
.cal-cell.weekend .num       { color:#b91c1c !important; }
.cal-cell.oggi,
.cal-cell.oggi.scelto,
.cal-cell.oggi.weekend,
.cal-cell.oggi.passato       { background:var(--blu) !important; border-color:var(--blu2) !important; color:#fff !important; }
.cal-cell.oggi .num          { color:#fff !important; }
.cal-cell.scelto:not(.oggi)  { background:#fce8e6 !important; border:2px solid var(--blu2) !important; }
.cal-cell.scelto:not(.oggi) .num { color:#922B21 !important; }
.cal-cell.vuota              { background:transparent !important; border-color:transparent !important; color:transparent !important; }
.cal-head                    { border-radius:4px !important; font-size:13px !important; font-weight:800 !important; }
.cal-nav button              { color:var(--blu) !important; border-color:var(--border) !important; }
.cal-nav button:hover        { background:var(--blu) !important; border-color:var(--blu) !important; color:#fff !important; }
.cal-nav .mese-label         { color:var(--blu) !important; }

/* ── Vari ────────────────────────────────────────────────────── */
.ev-field-label { color: var(--blu) !important; }
.ev-campo:focus { border-color: var(--blu) !important; }
.menu-item:hover { background: rgba(0,0,0,.06) }
.nav-item.attivo { color: var(--blu) !important; }

/* ── Header ─────────────────────────────────────────────────── */
.app-header {
  background: var(--blu);
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

/* ── Evento card ─────────────────────────────────────────────── */
.evento-card { border-left-color: var(--blu) !important; }
.evento-card.pagato { border-left-color: var(--verde) !important; }
.evento-card.sospeso { border-left-color: var(--rosso) !important; }

/* ── Day header ──────────────────────────────────────────────── */
.day-header { background: var(--blu) !important; }

/* ── Orologio bar ────────────────────────────────────────────── */
.orologio-bar { background: var(--blu) !important; }

/* ── WhatsApp button ─────────────────────────────────────────── */
a.wa-btn { color: #fff !important; }

/* ── Login screen ────────────────────────────────────────────── */
.login-screen { background: var(--blu) !important; }
.login-box h1 { color: var(--blu) !important; }
.login-input:focus { border-color: var(--blu) !important; }
.login-btn { background: var(--blu) !important; }
.login-btn:hover { background: var(--blu2) !important; }