/**
 * TourSure Promotion - Countdown Timer Component
 */

.tspro-countdown-pm01 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--tspro-font-size-xs);
    color: var(--tspro-accent-dark);
    font-weight: 600;
    padding: 4px 10px;
    background: rgba(255, 180, 0, 0.1);
    border-radius: var(--tspro-radius-full);
    margin-top: var(--tspro-space-2);
}

.tspro-countdown-label-pm01 {
    color: var(--tspro-gray-500);
    font-weight: 400;
}

.tspro-cd-days-pm01,
.tspro-cd-hours-pm01,
.tspro-cd-mins-pm01 {
    font-weight: 700;
    color: var(--tspro-accent-dark);
}

/* Urgent state (< 24 hours) */
.tspro-countdown-urgent-pm01 {
    background: rgba(239, 68, 68, 0.1);
    color: var(--tspro-danger);
    animation: tspro-pulse 2s infinite;
}

.tspro-countdown-urgent-pm01 .tspro-cd-days-pm01,
.tspro-countdown-urgent-pm01 .tspro-cd-hours-pm01,
.tspro-countdown-urgent-pm01 .tspro-cd-mins-pm01 {
    color: var(--tspro-danger);
}

/* Expired state */
.tspro-countdown-done-pm01 {
    background: var(--tspro-gray-100);
    color: var(--tspro-gray-400);
    animation: none;
}

.tspro-countdown-expired-pm01 {
    color: var(--tspro-gray-400);
}

/* Hero slide countdown override */
.tspro-hero-countdown-pm01 {
    background: rgba(255, 255, 255, 0.2);
    color: var(--tspro-white);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.tspro-hero-countdown-pm01 .tspro-countdown-label-pm01 {
    color: rgba(255, 255, 255, 0.7);
}

.tspro-hero-countdown-pm01 .tspro-cd-days-pm01,
.tspro-hero-countdown-pm01 .tspro-cd-hours-pm01,
.tspro-hero-countdown-pm01 .tspro-cd-mins-pm01 {
    color: var(--tspro-white);
}

/* ── 2-line countdown (carousel cards) ── */
.tspro-countdown-2line-pm01 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.3;
}

.tspro-countdown-2line-pm01 .tspro-countdown-label-pm01 {
    font-size: 11px;
}

.tspro-countdown-values-pm01 {
    display: inline;
    font-size: var(--tspro-font-size-xs);
    font-weight: 700;
    color: var(--tspro-accent-dark);
}

.tspro-countdown-urgent-pm01 .tspro-countdown-values-pm01 {
    color: var(--tspro-danger);
}

.tspro-hero-countdown-pm01 .tspro-countdown-values-pm01 {
    color: var(--tspro-white);
}

@keyframes tspro-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}