/* easter-eggs.css */

/* --- CHRISTMAS --- */
body.egg-xmas.show-images #article-title {
    color: #dc2626 !important;
    text-shadow: 2px 2px 0px rgba(22, 163, 74, 0.2);
}
body.egg-xmas.show-images #article-container::before {
    content: '🎄 ❄️ 🎄 ❄️ 🎄';
    display: block;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5rem;
    animation: twinkle 2s infinite alternate;
}
@keyframes twinkle { from { opacity: 0.6; filter: grayscale(0.2); } to { opacity: 1; filter: grayscale(0); } }

/* --- NEW YEAR (Dynamic) --- */
/* Style the JS-injected banner */
#egg-banner {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    letter-spacing: 0.2rem;
    background: linear-gradient(to right, #ca8a04, #facc15, #ca8a04);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: bounceText 2s infinite;
    display: none; /* Hidden by default */
}

/* Only show if class is active AND images are on */
body.egg-newyear.show-images #egg-banner {
    display: block;
}

body.egg-newyear.show-images #article-title {
    text-shadow: 0px 2px 15px rgba(234, 179, 8, 0.4);
}

@keyframes bounceText {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}