/* Galironský Herald - Christmas Special Theme */

/* Moon on background */
body::before {
    content: '';
    position: absolute;
    top: 80px;
    right: 12%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%,
            #fffef0 0%,
            #f5f3e0 40%,
            #e8e4c8 70%,
            #d4cfa8 100%);
    box-shadow:
        0 0 60px 15px rgba(255, 254, 230, 0.5),
        0 0 120px 40px rgba(255, 254, 230, 0.35),
        0 0 200px 80px rgba(255, 254, 230, 0.22),
        0 0 350px 150px rgba(200, 195, 160, 0.15),
        0 0 500px 250px rgba(200, 195, 160, 0.08),
        0 0 700px 350px rgba(180, 175, 140, 0.04);
    pointer-events: none;
    z-index: 30;
}

/* Moon craters - fantasy moon texture */
body::after {
    content: '';
    position: absolute;
    top: 80px;
    right: 12%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background:
        /* Large crater - shadow on bottom-right, highlight on top-left */
        radial-gradient(ellipse 18% 14% at 38% 48%, rgba(90, 80, 60, 0.35) 0%, transparent 100%),
        radial-gradient(ellipse 8% 6% at 30% 40%, rgba(255, 252, 240, 0.25) 0%, transparent 100%),
        /* Medium crater top */
        radial-gradient(ellipse 10% 8% at 58% 30%, rgba(100, 90, 65, 0.3) 0%, transparent 100%),
        radial-gradient(ellipse 5% 4% at 54% 26%, rgba(255, 252, 240, 0.2) 0%, transparent 100%),
        /* Medium crater bottom-left */
        radial-gradient(ellipse 9% 7% at 30% 68%, rgba(95, 85, 62, 0.28) 0%, transparent 100%),
        radial-gradient(ellipse 4% 3% at 26% 64%, rgba(255, 252, 240, 0.18) 0%, transparent 100%),
        /* Small craters - just subtle dark spots */
        radial-gradient(ellipse 5% 4% at 70% 52%, rgba(100, 90, 65, 0.22) 0%, transparent 100%),
        radial-gradient(ellipse 4% 3% at 48% 20%, rgba(105, 95, 70, 0.2) 0%, transparent 100%),
        radial-gradient(ellipse 3% 2.5% at 65% 72%, rgba(100, 90, 65, 0.18) 0%, transparent 100%),
        radial-gradient(ellipse 3.5% 3% at 52% 58%, rgba(95, 85, 60, 0.15) 0%, transparent 100%),
        /* Subtle dark maria regions */
        radial-gradient(ellipse 25% 20% at 40% 50%, rgba(140, 130, 100, 0.12) 0%, transparent 100%),
        radial-gradient(ellipse 15% 12% at 60% 40%, rgba(145, 135, 105, 0.08) 0%, transparent 100%);
    pointer-events: none;
    z-index: 80;
}

:root {
    --christmas-gold: #c9a227;
    --christmas-red: #8b2323;
    --christmas-green: #2d5a27;

    /* Override accent colors with Christmas theme */
    --accent-primary: var(--christmas-gold);
    --accent-secondary: var(--christmas-red);
    --accent-tertiary: var(--christmas-green);
}

/* Christmas-specific component: Special Badge */
.christmas-special-badge {
    display: inline-block;
    font-family: 'Cinzel', serif;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--christmas-gold);
    border: 2px solid var(--christmas-gold);
    padding: 0.3rem 1.5rem;
    margin-top: 0.5rem;
}

/* Snowfall wrapper for replaced elements (img, video, etc.) */
.snowfall-wrapper {
    overflow: hidden;
}

/* Ensure snowfall canvas doesn't interfere with element styling */
.snowfall-canvas {
    border-radius: inherit;
}

/* Move page number up from the very bottom edge */
.page-number {
    padding-bottom: 1.5rem;
}

/* Footer styling for dark background */
.newspaper-footer {
    border-top-color: var(--christmas-gold);
    margin-top: 2rem;
}

.footer-ornament {
    color: var(--christmas-gold);
}

.footer-text {
    color: #b8b0a0;
}

.back-link {
    color: #d4cbb8;
    border-color: rgba(200, 190, 170, 0.4);
}

.back-link:hover {
    background: var(--christmas-gold);
    color: #1a1f2e;
    border-color: var(--christmas-gold);
}