/**
 * Vlastné CSS štýly
 *
 * Tailwind CSS 3 sa načítava cez CDN v layout šablóne.
 * Tu sú len doplnkové štýly, ktoré Tailwind nepokrýva.
 */

/* ===================================================================
   CSS Custom Properties — farebná schéma (svetlý / tmavý režim)
   =================================================================== */
:root {
    --color-primary: #3b82f6;
    --color-primary-hover: #2563eb;
    --color-primary-light: #dbeafe;
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #06b6d4;

    --color-bg: #f9fafb;
    --color-surface: #ffffff;
    --color-text: #111827;
    --color-text-muted: #6b7280;
    --color-border: #e5e7eb;

    --sidebar-width: 16rem;
    --sidebar-collapsed-width: 4rem;
    --navbar-height: 4rem;

    --transition-speed: 0.2s;
}

.dark {
    --color-bg: #111827;
    --color-surface: #1f2937;
    --color-text: #f9fafb;
    --color-text-muted: #9ca3af;
    --color-border: #374151;
}

/* ===================================================================
   Prechod pre prepínanie tmavého režimu
   =================================================================== */
html {
    transition: background-color var(--transition-speed) ease,
                color var(--transition-speed) ease;
}

body {
    transition: background-color var(--transition-speed) ease,
                color var(--transition-speed) ease;
}

/* ===================================================================
   Vlastný scrollbar
   =================================================================== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--color-text-muted);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-text);
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-text-muted) var(--color-bg);
}

/* ===================================================================
   Tlačové štýly
   =================================================================== */
@media print {
    /* Skryť navigáciu, sidebar a footer pri tlači */
    nav,
    aside,
    footer,
    .no-print {
        display: none !important;
    }

    /* Hlavný obsah na celú šírku */
    main {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Odstrániť pozadie a tiene */
    body {
        background: white !important;
        color: black !important;
    }

    /* Zobraziť URL odkazov */
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }

    /* Zabrániť zalomeniu tabuliek */
    table {
        page-break-inside: avoid;
    }
}