/**
 * SRA Corsi - Timer Globale CSS
 *
 * Stili per il timer globale visibile su tutte le pagine
 */

/* Animazione pulse per timer in scadenza (< 60 secondi) */
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/* Timer shortcode nascosto di default */
.sra-timer-shortcode {
    box-sizing: border-box;
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* Timer shortcode visibile solo quando attivo */
.sra-timer-shortcode.sra-timer-active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.sra-timer-shortcode .sra-timer-label {
    font-weight: 500;
}

.sra-timer-shortcode .sra-timer-value {
    display: block;
    line-height: 1.2;
}

/* Responsive: ridimensiona su mobile */
@media (max-width: 768px) {
    .sra-timer-shortcode {
        padding: 10px ;
        margin: 10px 0 ;
    }

    /* Assicura che il timer attivo sia sempre visibile su mobile */
    .sra-timer-shortcode.sra-timer-active {
        display: block ;
        opacity: 1 ;
        visibility: visible ;
        max-height: 200px ;
    }

    .sra-timer-shortcode .sra-timer-label {
        font-size: 14px ;
        margin-bottom: 5px ;
    }

    .sra-timer-shortcode .sra-timer-value {
        font-size: 22px ;
    }
}