/**
 * Rebel Monkey Ride - Event countdown
 *
 * Componente independiente del footer de Divi. Se integrará en el footer RMR
 * cuando este se active.
 */

.rmr-event-countdown {
    color: var(--rmr-color-white);
}

.rmr-event-countdown__title {
    margin: 0 0 var(--rmr-space-sm);

    color: currentColor !important;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.rmr-event-countdown__units {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--rmr-space-sm);
}

.rmr-event-countdown__unit {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.rmr-event-countdown__value {
    font-size: clamp(28px, 3vw, 44px);
    font-variant-numeric: tabular-nums;
    font-weight: var(--rmr-font-weight-medium);
    line-height: 1;
}

.rmr-event-countdown__label {
    color: currentColor;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 480px) {

    .rmr-event-countdown__units {
        gap: 6px;
    }

    .rmr-event-countdown__label {
        font-size: 10px;
    }
}