/* TDN Christmas Countdown: festive glossy bar, desktop only. */
.tdn-xmas-bar {
    display: none;
}

@media (min-width: 1025px) {
    .tdn-xmas-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        padding: 8px 16px;
        position: relative;
        z-index: 999;
        color: #fff;
        font-family: inherit;
        background:
            radial-gradient(circle at 12% 30%, rgba(255, 255, 255, 0.55) 0 2px, transparent 3px),
            radial-gradient(circle at 32% 70%, rgba(255, 255, 255, 0.4) 0 1.5px, transparent 2.5px),
            radial-gradient(circle at 58% 25%, rgba(255, 255, 255, 0.5) 0 2px, transparent 3px),
            radial-gradient(circle at 78% 65%, rgba(255, 255, 255, 0.35) 0 1.5px, transparent 2.5px),
            radial-gradient(circle at 92% 35%, rgba(255, 255, 255, 0.5) 0 2px, transparent 3px),
            linear-gradient(180deg, #e0344a 0%, #c1122f 45%, #8f0d24 100%);
        border-bottom: 3px solid #d4af37;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -12px 18px rgba(0, 0, 0, 0.18), 0 2px 10px rgba(0, 0, 0, 0.25);
    }

    .tdn-xmas-label {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0.4px;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
        white-space: nowrap;
    }

    .tdn-xmas-units {
        display: flex;
        gap: 8px;
    }

    .tdn-xmas-unit {
        min-width: 58px;
        text-align: center;
        padding: 4px 6px 5px;
        border-radius: 9px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.08) 55%, rgba(0, 0, 0, 0.14) 100%);
        border: 1px solid rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 2px 6px rgba(0, 0, 0, 0.3);
    }

    .tdn-xmas-num {
        display: block;
        font-size: 22px;
        font-weight: 800;
        line-height: 1.05;
        font-variant-numeric: tabular-nums;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    .tdn-xmas-cap {
        display: block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #ffe9a8;
    }

    .tdn-xmas-bar.is-christmas .tdn-xmas-label {
        font-size: 20px;
    }

    @keyframes tdn-xmas-twinkle {
        0%, 100% { filter: brightness(1); }
        50% { filter: brightness(1.12); }
    }

    .tdn-xmas-bar {
        animation: tdn-xmas-twinkle 3.2s ease-in-out infinite;
    }

    @media (prefers-reduced-motion: reduce) {
        .tdn-xmas-bar {
            animation: none;
        }
    }
}