/* =========================================================
   ERSU di Cagliari — Personalizzazioni CSS del child theme
   =========================================================
   Questo file raccoglie le personalizzazioni grafiche ERSU
   in un unico posto, separato da bootstrap-italia-custom.css
   (che contiene il CSS compilato di Bootstrap Italia).

   Viene accodato DOPO gli stili del tema, quindi le regole
   qui hanno la precedenza senza bisogno di !important.

   Per aggiungere nuove personalizzazioni in futuro, crea un
   nuovo blocco commentato in fondo a questo file.
   ========================================================= */


/* =========================================================
   1. Countdown scadenza borsa di studio
   ---------------------------------------------------------
   Sezione blu in home con anello di progresso e conto alla
   rovescia. Il markup è in template-parts/common/countdown-borsa.php,
   la logica in assets/js/countdown-borsa.js
   ========================================================= */
.ersu-countdown-box {
    background-color: #003366;
    color: #fff;
    box-shadow: 0 12px 32px rgba(0, 20, 40, 0.35),
                0 4px 12px rgba(0, 20, 40, 0.22);
}
.ersu-countdown-box .h3,
.ersu-countdown-box p { color: #fff; }

.ersu-cd-unit {
    min-width: 90px;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 12px 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
                0 4px 10px rgba(0, 12, 26, 0.3);
}
.ersu-cd-num {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 4px rgba(0, 12, 26, 0.4);
}
.ersu-cd-label {
    display: block;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 6px;
    opacity: 0.9;
}
.ersu-countdown-scaduto { font-size: 1.1rem; }

/* Anello di progresso (SVG) */
.ersu-ring-wrapper {
    position: relative;
    display: inline-block;
    width: 180px;
    max-width: 100%;
}
.ersu-ring {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 5px 12px rgba(0, 12, 26, 0.4));
}
.ersu-ring-bg { stroke: rgba(255, 255, 255, 0.18); }
.ersu-ring-fill {
    stroke: #ffb266;
    transition: stroke-dashoffset 0.9s ease, stroke 0.9s ease;
}
.ersu-ring-pct {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 12, 26, 0.45);
}

@media (max-width: 575px) {
    .ersu-cd-num { font-size: 1.8rem; }
    .ersu-cd-unit { min-width: 70px; }
    .ersu-ring-wrapper { width: 140px; }
}


/* =========================================================
   (fine personalizzazioni ERSU — aggiungi qui i blocchi futuri)
   ========================================================= */