/**********************************************
 * EVENT BACKGROUND OVERLAY
 * Subtiles Hintergrundbild für Events
 * Ändert NICHT das Theme - nur dekorativ!
 **********************************************/

/* Event-Hintergrund Overlay */
body.event-background-active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none; /* Keine Interaktion */
    z-index: -1; /* Hinter allem anderen */
    opacity: var(--event-bg-opacity, 0.08); /* Standard: 8% */
}

/* Light Mode: Stärkere Sichtbarkeit */
[data-theme="light"] body.event-background-active::before {
    opacity: calc(var(--event-bg-opacity, 0.08) * 1.5); /* 50% stärker im Light Mode */
    filter: brightness(0.9) contrast(1.1); /* Etwas dunkler und kontrastreicher */
}

/* Dark Mode: Normale Sichtbarkeit */
[data-theme="dark"] body.event-background-active::before {
    opacity: var(--event-bg-opacity, 0.08);
    filter: brightness(1.1); /* Etwas heller für bessere Sichtbarkeit */
}

/* Halloween Hintergrund */
body.event-background-halloween::before {
    background-image: url('../images/halloween-background.jpg');
}

/* Weihnachten (Platzhalter) */
body.event-background-christmas::before {
    background-image: url('../images/christmas-background.jpg');
}

/* Ostern (Platzhalter) */
body.event-background-easter::before {
    background-image: url('../images/easter-background.jpg');
}

/* Cannabis (Platzhalter) */
body.event-background-cannabis::before {
    background-image: url('../images/cannabis-background.jpg');
}

/* Neujahr (Platzhalter) */
body.event-background-newyear::before {
    background-image: url('../images/newyear-background.jpg');
}

/* Responsive: Auf Mobile etwas subtiler */
@media screen and (max-width: 768px) {
    body.event-background-active::before {
        opacity: calc(var(--event-bg-opacity, 0.08) * 0.5); /* 50% subtiler auf Mobile */
    }
}
