/*
 * css/style.css – allgemeine Ergänzungen.
 * Die Einzel-Stylesheets (_vars.css, _layout.css, ...) werden jetzt direkt in index.php
 * eingebunden (parallel geladen statt @import-Kette). Reihenfolge dort beachten.
 */


/* ========================================================================= */
/* ULTIMATIVER FIX: MOBILE-NEUTRALISIERUNG FÜR ALLE NICHT-LEGAL/WETTER MODALS (900px) */
/* ========================================================================= */

@media (max-width: 900px) { /* Breakpoint auf 900px für Landscape-Geräte */
    
    /* 1. Äußeres Overlay: Erzwingt den 15px Puffer für ALLE Modals */
    .modal { 
        padding: 15px !important; 
        box-sizing: border-box !important;
    }
    
    /* 2. Content Box: Schließt das Legal- und Wetter-Modal aus! */
    .modal-content:not(#weatherModal .weather-content):not(#legalModal .modal-content) {
        /* Setzt innere Abstände, entfernt äußere Ränder */
        padding: 1.5rem !important; 
        margin: 0 !important;
        margin-bottom: 15px !important;
        width: 100% !important; 
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

/* Generischer Tooltip-Stil */
.custom-tooltip {
    /* Positionierung und Ebene */
    position: fixed;
    z-index: 1000; 
    
    /* Design */
    background-color: var(--color-bg-tertiary, rgba(0, 0, 0, 0.85));
    color: var(--color-white, #fff);
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    
    /* Animation (startet unsichtbar) */
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none; /* Klicks durchlassen */
}

/* Tooltip sichtbar machen */
.custom-tooltip.active {
    opacity: 1;
    /* Bewegt den Tooltip nach oben, um den "Schwebe-Effekt" zu erzeugen */
    transform: translateX(-50%) translateY(-100%); 
}

/* --- NEU: Blinking Animation für den Projekte Button --- */
@keyframes buttonBlink {
    0%, 100% { 
        opacity: 1; 
    }
    50% { 
        opacity: 0.4; 
        color: #ffad2e; /* Leicht rötlicher Akzent beim Blinken - passe es an dein Theme an */
    }
}

.blink-active {
    animation: buttonBlink 1.5s ease-in-out infinite;
}

/* --- NEU: Vollbild liegt über allen anderen Fenstern (z. B. über dem Archiv) --- */
#lightbox { z-index: 10002; cursor: zoom-out; }

/* --- NEU: Sichtbarer Fokus für Tastatur-Bedienung --- */
button:focus-visible, a:focus-visible, #countdown:focus-visible, .stars i:focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* --- NEU: Weniger Bewegung, wenn im System so eingestellt --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}