/* ==========================================================================
   Raumbelegung Tharandt – applikationsspezifische Styles.
   Ergänzt Tailwind um Dinge, die sich mit Utilities nur schwer abbilden
   lassen: Dark-Mode-Anpassungen für die TUD-Farben, Drucklayout,
   feinabgestimmte Hover/Focus-Zustände.
   ========================================================================== */

@layer base {
    body {
        -webkit-text-size-adjust: 100%;
        text-rendering: optimizeLegibility;
    }
    /* Dunkles Brand-Blau etwas aufhellen, damit WCAG-Kontrast im Dark Mode bleibt */
    .dark .bg-tud-blue {
        background-color: #003a8c;
    }
    .dark .text-tud-blue {
        color: #cfe2ff;
    }
    .dark .border-tud-blue {
        border-color: #cfe2ff;
    }
    .dark a:hover.text-tud-blue,
    .dark a:hover.text-white {
        color: #ffffff;
    }
}

@layer components {
    /* Mobile-Burger: Rotation, damit er als X erscheint, wenn das Menü offen ist */
    #nav-toggle[aria-expanded="true"] svg {
        transform: rotate(90deg);
        transition: transform 0.2s ease;
    }
}

/* ==========================================================================
   Drucklayout
   ========================================================================== */
@media print {
    /* Navigation, Footer und Aktions-Buttons unterdrücken */
    header.bg-tud-blue,
    footer,
    #nav-drawer,
    nav[aria-label="Zeitraum wählen"],
    nav[aria-label="Mobile Hauptnavigation"],
    .flex.items-center.gap-2 > a[href^="ics.php"],
    .flex.items-center.gap-2 > button {
        display: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 10pt;
    }

    main {
        padding: 0 !important;
        max-width: 100% !important;
    }

    table {
        page-break-inside: auto;
        border-collapse: collapse;
    }
    tr, td, th {
        page-break-inside: avoid;
    }

    .bg-tud-blue\/5,
    .bg-tud-blue\/10,
    .bg-tud-blue\/20,
    .bg-tud-red\/10,
    .dark .bg-white\/5,
    .dark .bg-white\/10,
    .dark .bg-white\/20 {
        background: #f4f4f4 !important;
        color: #000 !important;
    }

    a {
        color: inherit !important;
        text-decoration: none !important;
    }

    /* Auf Druck: Tabelle statt Karten, unabhängig von der Bildschirmgröße */
    .md\:hidden {
        display: none !important;
    }
    .hidden.md\:block {
        display: block !important;
    }
    .overflow-x-auto {
        overflow: visible !important;
    }

    /* Linke Spalte "Stunde" deutlicher absetzen */
    th[scope="row"] {
        background: #eef2f7 !important;
    }
}