/*
 * Temporary Winter Special theme.
 * Loaded only while includes/winter-special-config.php has active => true.
 */
:root {
    --winter-navy: #0f1f46;
    --winter-blue: #1e3a8a;
    --winter-ice: #cffafe;
    --winter-frost: #effcff;
}

body.winter-special-active {
    background-image:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.95) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 8%, rgba(186, 230, 253, 0.9) 0 2px, transparent 3px),
        linear-gradient(180deg, var(--winter-frost) 0, #f7f7ff 32rem);
    background-size: 82px 82px, 116px 116px, 100% 100%;
    padding-bottom: 6rem !important;
}

.winter-special-active #navbar {
    border-bottom: 1px solid rgba(103, 232, 249, 0.65);
    box-shadow: 0 8px 30px rgba(15, 31, 70, 0.14);
}

.winter-sale-banner::after {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.75) 0 1.5px, transparent 2px),
        radial-gradient(circle, rgba(165, 243, 252, 0.55) 0 1px, transparent 1.5px);
    background-position: 0 0, 30px 34px;
    background-size: 72px 72px, 94px 94px;
    content: '';
    opacity: 0.38;
    pointer-events: none;
}

.winter-sale-banner > * {
    z-index: 1;
}

.winter-sale-inner,
.winter-sale-icon,
.winter-sale-headline,
.winter-sale-cta {
    transition: all 220ms ease;
}

.winter-sale-compact-label {
    display: none;
}

.winter-sale-banner--compact .winter-sale-inner {
    padding-bottom: 0.45rem;
    padding-top: 0.45rem;
}

.winter-sale-banner--compact .winter-sale-icon,
.winter-sale-banner--compact .winter-sale-eyebrow,
.winter-sale-banner--compact .winter-sale-detail,
.winter-sale-banner--compact .winter-sale-long-label,
.winter-sale-banner--compact .winter-sale-regular {
    display: none;
}

.winter-sale-banner--compact .winter-sale-compact-label {
    display: inline;
}

.winter-sale-banner--compact .winter-sale-headline {
    font-size: 0.95rem;
}

.winter-sale-banner--compact .winter-sale-cta {
    padding: 0.55rem 1rem;
}

body.winter-special-active.winter-sale-page--scrolled {
    padding-bottom: 4rem !important;
}

.winter-special-active #mobile-product-bar {
    display: none;
}

.winter-special-active .floating-btn {
    bottom: 7.5rem !important;
}

.winter-special-active.winter-sale-page--scrolled .floating-btn {
    bottom: 4.75rem !important;
}

.winter-special-active main > section:first-child {
    background-image:
        radial-gradient(circle at 18% 12%, rgba(103, 232, 249, 0.23), transparent 26rem),
        radial-gradient(circle at 84% 20%, rgba(147, 197, 253, 0.26), transparent 30rem),
        linear-gradient(180deg, #effcff, #ffffff);
}

.winter-special-active main > section:first-child::after {
    position: absolute;
    right: -2rem;
    bottom: -4rem;
    color: rgba(59, 130, 246, 0.08);
    content: '\2744';
    font-size: clamp(13rem, 28vw, 27rem);
    line-height: 1;
    pointer-events: none;
    transform: rotate(12deg);
}

@media (prefers-reduced-motion: no-preference) {
    .winter-sale-snowflake {
        animation: winter-drift 4s ease-in-out infinite;
    }

    @keyframes winter-drift {
        0%, 100% { transform: translateY(0) rotate(0deg); }
        50% { transform: translateY(-4px) rotate(12deg); }
    }
}