/* Festival page styles - countdown timer and related */

.event_cdown {
    padding: 0;
    margin: 0 -5px;
    font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}

.event_cdown li {
    display: inline-block;
    font-size: 14.5px;
    list-style-type: none;
    padding: 0 5px;
    text-transform: capitalize;
    text-align: center;
}

.event_cdown li span {
    font-size: 19px;
    background: #f0f0f0;
    border-radius: 50%;
    margin: 0 auto 6px;
    position: relative;
    height: 42px;
    width: 42px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Festival status badges */
.fest-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 8px;
}

/* Ongoing / LIVE */
.fest-status-ongoing {
    background: rgba(40, 167, 69, 0.12);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.25);
}

.fest-live-dot {
    width: 8px;
    height: 8px;
    background: #28a745;
    border-radius: 50%;
    display: inline-block;
    animation: festPulse 1.5s ease-in-out infinite;
}

@keyframes festPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.75); }
}

.fest-live-text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.fest-ends-label {
    color: #666;
    font-weight: 400;
    font-size: 12px;
}

/* Inline countdown for "ends in" */
.event_cdown_inline {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 2px;
}

.event_cdown_inline li {
    display: inline-flex !important;
    align-items: baseline;
    padding: 0 2px !important;
    font-size: 12px !important;
    color: #28a745;
}

.event_cdown_inline li span {
    font-size: 13px !important;
    font-weight: 700;
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 1px 0 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    color: #28a745;
}

/* Past / Ended */
.fest-status-past {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: 1px solid rgba(108, 117, 125, 0.2);
}

.fest-status-past svg {
    opacity: 0.7;
}

/* Dark timer style for upcoming festivals */
.event_cdown:not(.event_cdown_inline) li span {
    color: #fff !important;
    background: linear-gradient(#494949, #363636) !important;
}