/**
 * Herzlich Braut Sommer-Schmelze 2026 — CSS-Animationen
 *
 * Schmelz-Effekte, Fade-Ins, Pulse-Animationen.
 */

/* --- Fade-In --- */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

/* --- Schmelz-Drip-Effekt --- */
@keyframes drip {
    0%   { transform: scaleY(1) translateY(0); opacity: 1; }
    70%  { transform: scaleY(1.3) translateY(5px); opacity: 0.8; }
    100% { transform: scaleY(1.6) translateY(15px); opacity: 0; }
}

.melt-drip {
    animation: drip 2s ease-in infinite;
}

/* --- Pulse für Rabatt-Badge --- */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 8px rgba(200, 150, 62, 0.4); }
    50%      { box-shadow: 0 0 20px rgba(200, 150, 62, 0.8); }
}

.discount-badge {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* --- Eis-Kristall-Schweben --- */
@keyframes float-crystal {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25%      { transform: translateY(-8px) rotate(3deg); }
    75%      { transform: translateY(4px) rotate(-2deg); }
}

.crystal-float {
    animation: float-crystal 4s ease-in-out infinite;
}

/* --- Shimmer für Gutschein-Code --- */
@keyframes shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.voucher-code {
    background: linear-gradient(
        90deg,
        #f5f0e8 0%,
        #fff8ee 40%,
        #ffe6c2 50%,
        #fff8ee 60%,
        #f5f0e8 100%
    );
    background-size: 200% auto;
    animation: shimmer 3s linear infinite;
}

/* --- Button-Hover-Effekte --- */
.btn-primary {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(200, 150, 62, 0.4);
}

.btn-primary:active {
    transform: translateY(0);
}

/* --- Countdown-Flash (unter 5s) --- */
@keyframes countdown-flash {
    0%, 100% { color: white; }
    50%      { color: #FF6B35; }
}

.timer-critical {
    animation: countdown-flash 0.5s ease-in-out infinite;
}