/* =====================================================
   ANTIK DRESDEN — Page Enhancements
   Globales Theme: Ivory & Crimson (helles Base-Theme)
   Hier nur seitenspezifische Animationen & Layout-Tweaks.
   ===================================================== */


/* ─────────────────────────────────────────────────────────────
   SALE (page-id-14) — Sale-spezifische Animationen
   ───────────────────────────────────────────────────────────── */

/* Pulsierender CTA-Glow auf Sale-Seite */
body.page-id-14 .btn--primary {
    animation: pv-pulse-glow 2.5s ease-in-out infinite;
}

@keyframes pv-pulse-glow {
    0%, 100% { box-shadow: 0 4px 15px rgba(184, 32, 48, 0.25); }
    50%      { box-shadow: 0 4px 25px rgba(184, 32, 48, 0.4); }
}

/* Sale Badge: Bounce-Animation */
body.page-id-14 .sale-badge {
    animation: pv-badge-bounce 3s ease-in-out infinite;
}

@keyframes pv-badge-bounce {
    0%, 100% { transform: rotate(0deg) scale(1); }
    25%      { transform: rotate(-3deg) scale(1.05); }
    75%      { transform: rotate(3deg) scale(1.05); }
}

/* Countdown: leichter Crimson-Tint */
body.page-id-14 .countdown-item {
    background: rgba(184, 32, 48, 0.06);
    border: 1px solid rgba(184, 32, 48, 0.15);
    border-radius: 8px;
}


/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    body.page-id-14 .btn--primary {
        padding: 0.75em 1.5em;
        font-size: 1em;
    }

    body.page-id-10 .pv-toc {
        float: none;
        width: 100%;
        margin-left: 0;
        position: relative;
        top: auto;
    }
}


/* ─────────────────────────────────────────────────────────────
   REDUCED MOTION
   ───────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    body.page-id-14 .btn--primary {
        animation: none;
    }

    body.page-id-14 .sale-badge {
        animation: none;
    }
}