/**
 * Countdown Widget Styles
 * Add this to your theme's CSS file or create as countdown.css
 */

.countdown-container {
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 20px;
    border: 2px solid #007cba;
    border-radius: 8px;
    background-color: #f9f9f9;
    max-width: 400px;
    margin: 20px auto;
}

.countdown-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.countdown-display {
    font-size: 28px;
    font-weight: bold;
    color: #007cba;
    margin: 15px 0;
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
}

.countdown-label {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.countdown-expired {
    color: #d63638 !important;
    font-size: 18px;
}

.countdown-urgent {
    color: #ff6900 !important;
    font-size: 18px;
    animation: pulse 2s infinite;
}

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