/* public/css/style.css */

/* ... (dein bisheriges CSS) ... */

.notification-badge {
    position: absolute;
    top: 0.5rem; /* Anpassen nach Bedarf */
    right: 0.5rem; /* Anpassen nach Bedarf */
    font-size: 0.65em;
    padding: 0.2em 0.4em;
}

.notification-dropdown .dropdown-item.unread {
    background-color: #e9f5ff; /* Leichte Hervorhebung für ungelesene */
}
.notification-dropdown .dropdown-item .small {
    white-space: normal; /* Erlaube Umbruch für längere Nachrichten */
}

/* Styling für Benachrichtigungsliste auf /notifications */
.list-group-item-info { /* Eigene Klasse für ungelesene in der Liste */
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.event-birthday {
    /* Spezielles Styling für Geburtstage, falls gewünscht */
    font-style: italic;
}
.event-attest-expiry {
    font-weight: bold;
}

/* Beispiel für Kategorie-Styling */
.event-category-spielplan_km .fc-event-main-frame { /* Greift auf inneres Element für bessere Kontrolle */
    /* border-left: 5px solid darkgreen !important; */
}
.event-category-frist_nennschluss {
    /* font-weight: bold; */
}
@media print {
    /* Globale Druckeinstellungen */
    @page {
        size: A4; /* Definiert die Papiergröße */
        margin: 20mm 15mm 20mm 15mm; /* Oben, Rechts, Unten, Links Ränder für A4 */
    }

    body {
        font-size: 10pt;
        -webkit-print-color-adjust: exact !important; /* Wichtig für Chrome/Safari, um Hintergrundfarben zu drucken */
        print-color-adjust: exact !important;         /* Standard-Eigenschaft */
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important; /* Sicherstellen, dass Body die Seite ausfüllt */
        background-color: #fff !important; /* Immer weißer Hintergrund */
    }

    /* Alle Elemente standardmäßig ausblenden, außer denen, die wir explizit anzeigen wollen */
    body * {
        visibility: hidden;
    }

    /* Nur den Kalender-Wrapper und seine Inhalte sichtbar machen */
    /* Annahme: Dein Kalender ist in einem Container wie '.col-lg-9 .card' oder direkt '#calendar' */
    /* Passe den Selektor ggf. an deine genaue Struktur an. Ziel ist der äußerste Container des Kalenders */
    .calendar-print-area, .calendar-print-area * { /* Neue Klasse für den Druckbereich */
        visibility: visible;
    }
    .calendar-print-area { /* Positioniere diesen Bereich oben links auf der Druckseite */
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; /* Volle Breite innerhalb der @page Ränder */
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Spezifische Elemente, die definitiv weg sollen */
    .navbar, 
    #calendarFilters, /* Die gesamte Filterspalte */
    .modal, 
    .modal-backdrop,
    #addEventButton, /* Der externe Button "Neues Ereignis" */
    footer, /* Der Seitenfooter */
    .btn:not(.fc-button), /* Alle Bootstrap-Buttons, außer denen im FullCalendar Toolbar (falls du ihn doch drucken willst) */
    .d-flex.justify-content-between.align-items-center.mb-4, /* Die Zeile mit dem Titel und dem "Neues Ereignis"-Button */
    .alert, /* Nachrichten-Alerts */
    script /* Skripte sollen nicht gedruckt werden */
    {
        display: none !important;
        visibility: hidden !important; /* Doppelt sicher */
    }


    /* Kalender-spezifische Anpassungen */
    #calendar {
        max-width: none !important; /* Volle Breite im Druck */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important; /* Ggf. Ränder vom Kalender selbst entfernen */
    }
    .card { /* Falls der Kalender in einer .card ist */
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .card-body { /* Falls der Kalender in einer .card-body ist */
        padding: 0 !important;
    }


    /* FullCalendar Toolbar-Anpassungen */
    .fc-header-toolbar { 
        /* Standardmäßig wird der Toolbar gedruckt, aber ohne Buttons, nur der Titel */
        /* Wenn du den Toolbar komplett ausblenden willst: display: none !important; */
        /* margin-bottom: 10px !important; */ /* Etwas Abstand unter dem Titel */
        padding: 0 !important;
    }
    .fc-header-toolbar .fc-toolbar-chunk:first-child, /* Linker Teil (prev, next, today) */
    .fc-header-toolbar .fc-toolbar-chunk:last-child { /* Rechter Teil (Monat, Woche, Tag Buttons) */
        display: none !important; /* Blendet die Navigations- und Ansichtsbuttons aus */
    }
     .fc .fc-toolbar-title { /* Titel (Monat/Jahr) zentrieren und hervorheben */
        display: block !important;
        text-align: center !important;
        font-size: 14pt !important;
        margin-bottom: 15px !important; /* Mehr Abstand */
        float: none !important; /* Sicherstellen, dass es nicht floatiert */
    }


    /* Event-Styling für den Druck */
   .fc-event {
    /* Wichtig, um Bootstrap oder andere Defaults zu überschreiben, wenn nötig */
    color: var(--fc-event-text-color, #fff) !important; /* Nutze CSS-Variable von FC oder Fallback */
    /* background-color: var(--fc-event-bg-color, #3788f8) !important; */
    border-color: var(--fc-event-border-color, #3788f8) !important;
}

/* Noch spezifischer, falls obiges nicht reicht */
.fc-daygrid-event .fc-event-main { /* Für Monatsansicht-Events */
    color: var(--fc-event-text-color, #fff) !important;
}
    .fc-event-main {
        /* color: #000 !important; // Nur wenn Events S/W sein sollen */
    }

    /* Verhindern, dass Links im Druck unterstrichen oder blau sind */
    a, a:visited {
        color: inherit !important; /* Erbt die Farbe vom Elternelement */
        text-decoration: none !important;
    }

    /* Hilfsklasse, um den Drucktitel der Seite zu setzen, falls nötig */
    .print-title {
        display: block;
        text-align: center;
        font-size: 16pt;
        font-weight: bold;
        margin-bottom: 20px;
    }
}