/**
 * CSS Adicional para Countdown Customizado
 * Garante que o visual seja mantido idêntico ao original
 */

/* Garantir que o período (Dias, Horas, etc) seja exibido corretamente */
.countdown-period {
    display: block;
    font-size: inherit;
    color: inherit;
    text-transform: capitalize;
}

/* Para temas escuros */
.dark .countdown-period {
    color: #CCC;
}

/* Para countdown grande */
.countdown-large .countdown-period {
    font-size: 18px;
}

/* Para countdown médio */
.countdown-medium .countdown-period {
    font-size: 0.875rem;
}

/* Garantir que a estrutura seja flexível */
.countdown-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Para eventos únicos com vídeo - LABACE */
.video-containerX .countdown-period {
    color: #fff !important;
}

.video-containerX .countdown-amount {
    color: #fff !important;
}

.video-containerX .countdown-section {
    border-left-color: rgba(255, 255, 255, 0.3);
}