/* ============================================================
   Elementor Timer Widget — Stili frontend
   ============================================================ */

/* Contenitore principale */
.etw-timer-container {
    width: 100%;
}

/* Wrapper flex con i box */
.etw-timer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    align-items: stretch;
}

/* Singolo box */
.etw-timer-item {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-width:       90px;
    padding:         15px;
    background-color: #1a1a2e;
    border-radius:   8px;
    text-align:      center;
    box-sizing:      border-box;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Numero */
.etw-timer-number {
    display:              block;
    font-size:            2.5rem;
    font-weight:          700;
    line-height:          1;
    color:                #ffffff;
    font-variant-numeric: tabular-nums;
    letter-spacing:       0.02em;
    /* Transizione morbida al cambio valore */
    transition: opacity 0.1s ease;
}

/* Etichetta sotto il numero */
.etw-timer-label {
    display:        block;
    font-size:      0.7rem;
    font-weight:    600;
    color:          #a0aec0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-top:     6px;
    white-space:    nowrap;
}

/* Messaggio di scadenza (countdown terminato) */
.etw-expired-message {
    text-align:  center;
    font-size:   1.5rem;
    font-weight: 600;
    padding:     20px 10px;
    color:       #e53e3e;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 480px) {
    .etw-timer-item {
        min-width: 68px;
        padding:   10px 8px;
    }

    .etw-timer-number {
        font-size: 1.8rem;
    }

    .etw-timer-label {
        font-size: 0.6rem;
    }
}