/* Default stilovi (ako se ne koristi tema) */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#sidebar {
    font-size: 0.85rem; /* cijeli sidebar manji */
}

#sidebar .nav-link {
    padding: 2px 0; /* manje vertikalnog razmaka */
    line-height: 1.2; /* gušći redovi */
    font-size: 0.85rem;
}

.home-background {
    position: relative;
    min-height: 100vh;
    background-image: url('/images/home_page.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* tamni overlay radi čitljivosti teksta */
.home-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* TAMNI fantasy overlay */
    z-index: 1;
}

/* sav sadržaj iznad overlaya */
.home-background > .container {
    position: relative;
    z-index: 2;
}

/* Tema: Antracit */
.tema-antracit {
    background: linear-gradient(to bottom, #2a2a2a 0%, #1c1c1c 70%, #0f0f0f 100%);
    color: #c0c0c0 !important;
    height: 100%;
    min-height: 100vh;
}

    .tema-antracit a,
    .tema-antracit .nav-link {
        color: #c0c0c0 !important;
    }

        .tema-antracit a:hover,
        .tema-antracit .nav-link:hover {
            color: #ffffff !important;
        }

    .tema-antracit .navbar,
    .tema-antracit .footer,
    .tema-antracit .card,
    .tema-antracit .form-control,
    .tema-antracit .btn {
        background-color: rgba(42, 42, 42, 0.9);
        border-color: #444;
        color: #c0c0c0;
    }

    .tema-antracit .btn-primary {
        background-color: #444;
        border-color: #666;
    }

    .tema-antracit .table {
        color: #c0c0c0 !important;
        background-color: #2a2a2a;
    }

        .tema-antracit .table th,
        .tema-antracit .table td {
            border-color: #444;
        }

    .tema-antracit .navbar {
        background-color: #1c1c1c !important;
    }

        .tema-antracit .navbar .nav-link,
        .tema-antracit .navbar .navbar-brand {
            color: #c0c0c0 !important;
        }

            .tema-antracit .navbar .nav-link:hover,
            .tema-antracit .navbar .navbar-brand:hover {
                color: #ffffff !important;
            }

    .tema-antracit select {
        background-color: rgba(42, 42, 42, 0.9);
        color: #c0c0c0;
        border: 1px solid #444;
    }

    /* Sidebar za Antracit */
    .tema-antracit .sidebar {
        background-color: #1c1c1c;
        border-right: 1px solid #444;
        color: #c0c0c0;
        padding: 15px;
    }

        .tema-antracit .sidebar a {
            color: #c0c0c0;
            text-decoration: none;
        }

            .tema-antracit .sidebar a:hover {
                color: #ffffff;
            }

    /* Gumbi za paginaciju u Antracit temi */
    .tema-antracit .pagination .page-link {
        background-color: #2a2a2a;
        color: #c0c0c0;
        border: 1px solid #444;
    }

        .tema-antracit .pagination .page-link:hover {
            background-color: #444;
            color: #ffffff;
            border-color: #666;
        }

    .tema-antracit .pagination .page-item.active .page-link {
        background-color: #444;
        border-color: #666;
        color: #ffffff;
    }

    .tema-antracit .pagination .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5);
    }

    .tema-antracit .modal-content {
        background-color: rgba(42, 42, 42, 0.95);
        color: #c0c0c0;
        border: 2px solid #c0c0c0;
        border-radius: 1rem;
    }

/* Tema: Turčin */
body.tema-turcin {
    background: linear-gradient(to bottom, #800000 0%, #a00000 40%, #c00000 70%, #ff0000 100%);
    color: #ffffff !important;
    height: 100%;
    min-height: 100vh;
}

    body.tema-turcin .navbar,
    body.tema-turcin .footer,
    body.tema-turcin .card,
    body.tema-turcin .form-control,
    body.tema-turcin .btn {
        background-color: rgba(160, 0, 0, 0.85); /* poluprozirna turska crvena */
        border-color: #800000;
        color: #ffffff;
    }
    body.tema-turcin .table {
        background-color: #a00000;
        color: #ffffff !important;
        border-color: #800000;
    }

    body.tema-turcin a,
    body.tema-turcin .nav-link {
        color: #ffffff !important;
    }

        body.tema-turcin a:hover,
        body.tema-turcin .nav-link:hover {
            color: #ffe600 !important;
        }

    body.tema-turcin select {
        background-color: rgba(160, 0, 0, 0.85);
        color: #ffffff;
        border: 1px solid #800000;
    }

    /* Sidebar za Turčin */
    body.tema-turcin .sidebar {
        background-color: rgba(160, 0, 0, 0.85);
        border-right: 1px solid #800000;
        color: #ffffff;
        padding: 15px;
    }

        body.tema-turcin .sidebar a {
            color: #ffffff;
            text-decoration: none;
        }

            body.tema-turcin .sidebar a:hover {
                color: #ffe600;
            }

    /* Navbar za Turčin temu */
    body.tema-turcin .navbar {
        background-color: #800000 !important; /* tamno crvena */
        border-bottom: 2px solid #ffe600 !important; /* tursko žuta linija na dnu */
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    }

        body.tema-turcin .navbar .navbar-brand {
            color: #ffffff !important;
            font-weight: bold;
            letter-spacing: 1px;
        }

            body.tema-turcin .navbar .navbar-brand:hover {
                color: #ffe600 !important; /* zlatno žuta na hover */
            }

        body.tema-turcin .navbar .nav-link {
            color: #ffffff !important;
            font-weight: 500;
            transition: color 0.3s ease-in-out;
        }

            body.tema-turcin .navbar .nav-link:hover {
                color: #ffe600 !important;
            }

    body.tema-turcin .navbar-toggler {
        border-color: #ffe600;
    }

    body.tema-turcin .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22' /%3E%3C/svg%3E");
    }

    body.tema-turcin .dropdown-menu {
        background-color: #a00000; /* tamnija crvena */
        border: 1px solid #800000;
    }

    body.tema-turcin .dropdown-item {
        color: #ffffff;
    }

        body.tema-turcin .dropdown-item:hover {
            background-color: #c00000;
            color: #ffe600;
        }

    /* Gumbi za paginaciju u Turčin temi */
    body.tema-turcin .pagination .page-link {
        background-color: #a00000; /* tamnija crvena */
        color: #ffffff;
        border: 1px solid #800000;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        body.tema-turcin .pagination .page-link:hover {
            background-color: #c00000; /* svjetlija crvena na hover */
            color: #ffe600; /* zlatno žuta */
            border-color: #ffe600;
        }

    body.tema-turcin .pagination .page-item.active .page-link {
        background-color: #800000; /* tamno crvena za aktivnu stranicu */
        border-color: #ffe600; /* zlatni rub */
        color: #ffe600; /* zlatni tekst */
    }

    body.tema-turcin .pagination .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 230, 0, 0.5); /* zlatna sjena */
    }

    .tema-turcin .modal-content {
        background-color: rgba(160, 0, 0, 0.95);
        color: #ffffff;
        border: 2px solid #ffffff;
        border-radius: 1rem;
    }

/* Tema: Sea and Sky */
.theme-sea-sky {
    background: linear-gradient(to bottom, #001f3f 0%, #003366 40%, #005580 70%, #3399ff 100%);
    color: #b3ecff !important;
    height: 100%;
    min-height: 100vh;
}

    .theme-sea-sky .navbar,
    .theme-sea-sky .footer,
    .theme-sea-sky .card,
    .theme-sea-sky .form-control,
    .theme-sea-sky .btn {
        background-color: rgba(0, 43, 92, 0.85); /* poluprozirno */
        color: #b3ecff !important;
    }

    .theme-sea-sky .form-label,
    .theme-sea-sky label,
    .theme-sea-sky .control-label {
        color: #b3ecff !important;
    }

    .theme-sea-sky input,
    .theme-sea-sky select,
    .theme-sea-sky textarea,
    .theme-sea-sky .form-control {
        background-color: rgba(0, 43, 92, 0.85);
        color: #b3ecff !important;
        border-color: #3399ff;
    }

        .theme-sea-sky input::placeholder,
        .theme-sea-sky textarea::placeholder {
            color: #99d6ff !important;
        }

    .theme-sea-sky .table {
        background-color: #002b5c;
        color: #b3ecff !important;
        border-color: #005580;
    }

    .theme-sea-sky .navbar {
        background-color: #001a33 !important;
    }

        .theme-sea-sky .navbar .nav-link,
        .theme-sea-sky .navbar .navbar-brand,
        .theme-sea-sky a {
            color: #b3ecff !important;
        }

            .theme-sea-sky a:hover,
            .theme-sea-sky .nav-link:hover,
            .theme-sea-sky .navbar .navbar-brand:hover {
                color: #ffffff !important;
            }

    .theme-sea-sky .btn-primary {
        background-color: #004080;
        border-color: #006699;
        color: #b3ecff !important;
    }

    .theme-sea-sky .table th,
    .theme-sea-sky .table td {
        border-color: #004d80;
    }

    /* Sidebar za Sea and Sky */
    .theme-sea-sky .sidebar {
        background-color: rgba(0, 43, 92, 0.85);
        border-right: 1px solid #004d80;
        color: #b3ecff;
        padding: 15px;
    }

        .theme-sea-sky .sidebar a {
            color: #b3ecff;
            text-decoration: none;
        }

            .theme-sea-sky .sidebar a:hover {
                color: #ffffff;
            }

    /* Paginacija u Sea Sky temi */
    .theme-sea-sky .pagination .page-link {
        background-color: #004080; /* tamnija morsko-plava */
        color: #b3ecff; /* svijetlo plava za tekst */
        border: 1px solid #005580; /* tamniji rub */
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .theme-sea-sky .pagination .page-link:hover {
            background-color: #0066cc; /* svjetlija plava na hover */
            color: #ffffff; /* bijeli tekst na hover */
            border-color: #3399ff;
        }

    .theme-sea-sky .pagination .page-item.active .page-link {
        background-color: #002b5c; /* tamna pozadina za aktivnu stranicu */
        border-color: #3399ff; /* svijetloplavi rub */
        color: #ffffff; /* bijeli tekst */
    }

    .theme-sea-sky .pagination .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5); /* svijetloplava sjena */
    }

    .theme-sea-sky .modal-content {
        background-color: rgba(0, 43, 92, 0.95);
        color: #b3ecff;
        border: 2px solid #b3ecff;
        border-radius: 1rem;
    }

/* Tema: Dark Green Gold */
.tema-dark-green-gold {
    background: linear-gradient(to bottom, #013220 0%, #004d27 70%, #002411 100%);
    color: #d4af37 !important; /* Zlatna boja */
    height: 100%;
    min-height: 100vh;
}

    .tema-dark-green-gold a,
    .tema-dark-green-gold .nav-link {
        color: #d4af37 !important; /* Zlatna boja */
    }

        .tema-dark-green-gold a:hover,
        .tema-dark-green-gold .nav-link:hover {
            color: #fffacd !important; /* Svijetla zlato-žuta */
        }

    /* Tamnija pozadina samo za zaglavlje */
    .tema-dark-green-gold .navbar {
        background-color: #003318 !important;
        border-color: #002a18 !important;
        color: #d4af37 !important;
    }

    .tema-dark-green-gold .footer,
    .tema-dark-green-gold .card,
    .tema-dark-green-gold .form-control,
    .tema-dark-green-gold .btn,
    .tema-dark-green-gold .btn-primary {
        background-color: #00ff00;
        border-color: #00cc00;
        color: #004d27 !important; /* Tamno zelena boja za tekst */
        box-shadow: 0 0 15px #00ff00;
    }

    .tema-dark-green-gold .table {
        background-color: rgba(1, 50, 32, 0.85);
        color: #d4af37 !important;
        border-color: #8b7500;
    }

    .tema-dark-green-gold .btn-primary {
        background-color: #6b8e23;
        border-color: #a67c00;
    }

    .tema-dark-green-gold .table th,
    .tema-dark-green-gold .table td {
        border-color: #5a6600;
    }

    /* Sidebar za Dark Green Gold */
    .tema-dark-green-gold .sidebar {
        background-color: rgba(0, 60, 0, 0.85);
        border-right: 1px solid #004d27;
        color: #d4af37;
        padding: 15px;
    }

        .tema-dark-green-gold .sidebar a {
            color: #d4af37;
            text-decoration: none;
        }

            .tema-dark-green-gold .sidebar a:hover {
                color: #fffacd;
            }

    /* Paginacija u Dark Green Gold temi */
    .tema-dark-green-gold .pagination .page-link {
        background-color: #004d27; /* tamnozelena pozadina */
        color: #d4af37; /* zlatna boja za tekst */
        border: 1px solid #5a6600; /* tamniji zeleni rub */
        transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    }

        .tema-dark-green-gold .pagination .page-link:hover {
            background-color: #006633; /* svjetlija zelena na hover */
            color: #fffacd; /* svijetla zlato-žuta na hover */
            border-color: #8b7500; /* tamnozlatni rub na hover */
            box-shadow: 0 0 8px #00ff00; /* zeleni sjaj */
        }

    .tema-dark-green-gold .pagination .page-item.active .page-link {
        background-color: #013220; /* tamnozelena pozadina za aktivnu */
        border-color: #d4af37; /* zlatni rub */
        color: #fffacd; /* svijetla zlatna boja teksta */
        font-weight: bold;
    }

    .tema-dark-green-gold .pagination .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.5); /* zlatna sjena za fokus */
    }

    .tema-dark-green-gold .modal-content {
        background-color: rgba(0, 60, 0, 0.95);
        color: #d4af37;
        border: 2px solid #d4af37;
        border-radius: 1rem;
    }

/* Tema: Neon Black */
.tema-neon-black {
    background: #000000;
    color: #39ff14 !important; /* Neonska zelena */
    height: 100%;
    min-height: 100vh;
}

    .tema-neon-black a,
    .tema-neon-black .nav-link {
        color: #39ff14 !important;
        text-shadow: 0 0 5px #39ff14;
    }

        .tema-neon-black a:hover,
        .tema-neon-black .nav-link:hover {
            color: #00ff99 !important;
            text-shadow: 0 0 10px #00ff99;
        }

    .tema-neon-black .navbar,
    .tema-neon-black .footer,
    .tema-neon-black .card,
    .tema-neon-black .form-control,
    .tema-neon-black .btn,
    .tema-neon-black .table {
        background-color: #111111 !important;
        color: #39ff14 !important;
        border-color: #33ff33 !important;
        box-shadow: 0 0 10px #39ff14 !important;
    }

    .tema-neon-black .btn-primary {
        background-color: #00ff00 !important;
        border-color: #00cc00 !important;
        box-shadow: 0 0 15px #00ff00 !important;
        color: #000000 !important; /* ili #39ff14 za neonski efekt */
        text-shadow: 0 0 5px #39ff14; /* dodatni sjaj za neon efekt */
    }

    .tema-neon-black .table th,
    .tema-neon-black .table td {
        border-color: #33ff33 !important;
    }

    /* Sidebar za Neon Black */
    .tema-neon-black .sidebar {
        background-color: #111111 !important;
        border-right: 1px solid #33ff33 !important;
        color: #39ff14 !important;
        padding: 15px !important;
    }

        .tema-neon-black .sidebar a {
            color: #39ff14 !important;
            text-decoration: none;
            text-shadow: 0 0 5px #39ff14;
        }

            .tema-neon-black .sidebar a:hover {
                color: #00ff99 !important;
                text-shadow: 0 0 10px #00ff99;
            }

    /* Paginacija u Neon Black temi */
    .tema-neon-black .pagination .page-link {
        background-color: #111111; /* tamna pozadina */
        color: #39ff14; /* neonski zeleni tekst */
        border: 1px solid #33ff33;
        text-shadow: 0 0 5px #39ff14; /* neonski efekt teksta */
        box-shadow: 0 0 5px #39ff14; /* blagi sjaj oko gumbića */
        transition: all 0.3s ease-in-out;
    }

        .tema-neon-black .pagination .page-link:hover {
            background-color: #000000; /* potpuno crna na hover */
            color: #00ff99; /* svijetlija neonska zelena */
            text-shadow: 0 0 10px #00ff99;
            box-shadow: 0 0 15px #00ff99; /* jači sjaj na hover */
            border-color: #00ff99;
        }

    .tema-neon-black .pagination .page-item.active .page-link {
        background-color: #39ff14; /* neonski zeleni gumb za aktivnu */
        color: #000000; /* crni tekst za kontrast */
        border-color: #33ff33;
        text-shadow: none; /* bez sjaja na aktivnom */
        box-shadow: 0 0 15px #39ff14; /* svijetli sjaj oko aktivnog */
        font-weight: bold;
    }

    .tema-neon-black .pagination .page-link:focus {
        outline: none;
        box-shadow: 0 0 20px #39ff14; /* ekstra sjaj na focus */
    }

    .tema-neon-black .modal-content {
        background-color: #111111;
        color: #39ff14;
        border: 2px solid #39ff14;
        border-radius: 1rem;
    }

/* Tema: Purple Gold */
.tema-purple-gold {
    background: linear-gradient(to bottom, #2e003e 0%, #5d3a9b 70%, #3d0066 100%);
    color: #ffd700 !important; /* Zlatno-žuta boja teksta */
    height: 100%;
    min-height: 100vh;
}

    .tema-purple-gold a,
    .tema-purple-gold .nav-link {
        color: #ffd700 !important; /* Zlatno-žuta */
    }

        .tema-purple-gold a:hover,
        .tema-purple-gold .nav-link:hover {
            color: #fff8dc !important; /* Svijetlija žućkasto-bijela za hover */
        }

    /* Navbar u tamnoj ljubičastoj */
    .tema-purple-gold .navbar {
        background-color: #2a004d !important;
        border-color: #1f0033 !important;
        color: #ffd700 !important;
    }

    /* Ostali elementi: kartice, forme, gumbi */
    .tema-purple-gold .footer,
    .tema-purple-gold .card,
    .tema-purple-gold .form-control,
    .tema-purple-gold .btn,
    .tema-purple-gold .btn-primary {
        background-color: #5d3a9b;
        border-color: #8a2be2;
        color: #fff8dc !important; /* Blago krem za kontrast */
        box-shadow: 0 0 15px #dda0dd;
    }

    .tema-purple-gold .table {
        background-color: rgba(93, 58, 155, 0.9);
        color: #ffd700 !important;
        border-color: #aa88ff;
    }

    .tema-purple-gold .btn-primary {
        background-color: #800080; /* Klasična ljubičasta */
        border-color: #ffda44;
    }

    .tema-purple-gold .table th,
    .tema-purple-gold .table td {
        border-color: #b19cd9;
    }

.navbar .dropdown-menu {
    background-color: inherit; /* koristi istu pozadinu kao roditelj */
    color: inherit; /* tekst da prati osnovni stil */
    border: none;
    box-shadow: none;
}

    .navbar .dropdown-menu .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1); /* ili tamnija/bjelja nijansa */
    }

.tema-purple-gold select {
    background-color: #5d3a9b;
    color: #fff8dc;
    border: 1px solid #8a2be2;
    box-shadow: 0 0 10px #dda0dd;
}

/* Sidebar za Purple Gold */
.tema-purple-gold .sidebar {
    background-color: rgba(93, 58, 155, 0.9);
    border-right: 1px solid #8a2be2;
    color: #ffd700;
    padding: 15px;
}

    .tema-purple-gold .sidebar a {
        color: #ffd700;
        text-decoration: none;
    }

        .tema-purple-gold .sidebar a:hover {
            color: #fff8dc;
        }

/* Paginacija za Purple Gold temu */
.tema-purple-gold .pagination .page-link {
    background-color: #5d3a9b; /* ljubičasta pozadina */
    color: #ffd700; /* zlatni tekst */
    border: 1px solid #8a2be2;
    text-shadow: 0 0 5px #ffd700; /* suptilan zlatni sjaj */
    box-shadow: 0 0 8px #dda0dd; /* ljubičasti glow */
    transition: all 0.3s ease-in-out;
}

    .tema-purple-gold .pagination .page-link:hover {
        background-color: #2e003e; /* tamnija ljubičasta na hover */
        color: #fff8dc; /* svijetlija krem nijansa za tekst */
        text-shadow: 0 0 10px #ffd700; /* jači sjaj na hover */
        box-shadow: 0 0 15px #ffd700; /* dodatni glow */
        border-color: #ffda44; /* svijetlo zlatni rub */
    }

.tema-purple-gold .pagination .page-item.active .page-link {
    background-color: #ffd700; /* aktivna stranica u zlatnoj */
    color: #2e003e; /* tamno ljubičasti tekst za kontrast */
    border-color: #8a2be2;
    text-shadow: none;
    box-shadow: 0 0 15px #ffd700;
    font-weight: bold;
}

.tema-purple-gold .pagination .page-link:focus {
    outline: none;
    box-shadow: 0 0 20px #dda0dd; /* ljubičasti glow na focus */
}

.tema-purple-gold .modal-content {
    background-color: rgba(93, 58, 155, 0.95);
    color: #ffd700;
    border: 2px solid #ffd700;
    border-radius: 1rem;
}

/* Tema: Forest Green */
.theme-forest-green {
    background: linear-gradient(to bottom, #002b00 0%, #004d00 40%, #006600 70%, #66cc66 100%);
    color: #dfffd6 !important;
    height: 100%;
    min-height: 100vh;
}

    .theme-forest-green .navbar,
    .theme-forest-green .footer,
    .theme-forest-green .card,
    .theme-forest-green .form-control,
    .theme-forest-green .btn {
        background-color: rgba(0, 60, 0, 0.85);
        color: #dfffd6 !important;
    }

    .theme-forest-green .form-label,
    .theme-forest-green label,
    .theme-forest-green .control-label {
        color: #dfffd6 !important;
    }

    .theme-forest-green input,
    .theme-forest-green select,
    .theme-forest-green textarea,
    .theme-forest-green .form-control {
        background-color: rgba(0, 60, 0, 0.85);
        color: #dfffd6 !important;
        border-color: #66cc66;
    }

        .theme-forest-green input::placeholder,
        .theme-forest-green textarea::placeholder {
            color: #b3ffb3 !important;
        }

    .theme-forest-green .table {
        background-color: #003d00;
        color: #dfffd6 !important;
        border-color: #006600;
    }

    .theme-forest-green .navbar {
        background-color: #001a00 !important;
    }

        .theme-forest-green .navbar .nav-link,
        .theme-forest-green .navbar .navbar-brand,
        .theme-forest-green a {
            color: #dfffd6 !important;
        }

            .theme-forest-green a:hover,
            .theme-forest-green .nav-link:hover,
            .theme-forest-green .navbar .navbar-brand:hover {
                color: #ffffff !important;
            }

    .theme-forest-green .btn-primary {
        background-color: #006600;
        border-color: #009933;
        color: #dfffd6 !important;
    }

    .theme-forest-green .table th,
    .theme-forest-green .table td {
        border-color: #004d00;
    }

    /* Sidebar za Forest Green */
    .theme-forest-green .sidebar {
        background-color: rgba(0, 60, 0, 0.85);
        border-right: 1px solid #006600;
        color: #dfffd6;
        padding: 15px;
    }

        .theme-forest-green .sidebar a {
            color: #dfffd6;
            text-decoration: none;
        }

            .theme-forest-green .sidebar a:hover {
                color: #ffffff;
            }

    /* Paginacija za Forest Green temu */
    .theme-forest-green .pagination .page-link {
        background-color: #003d00; /* tamnozelena pozadina */
        color: #dfffd6; /* svijetlozelena za tekst */
        border: 1px solid #66cc66;
        text-shadow: 0 0 3px #66cc66; /* suptilan glow */
        box-shadow: 0 0 5px #004d00; /* lagani zeleni sjaj */
        transition: all 0.3s ease-in-out;
    }

        .theme-forest-green .pagination .page-link:hover {
            background-color: #004d00; /* malo svjetlija zelena na hover */
            color: #ffffff; /* bijeli tekst na hover */
            text-shadow: 0 0 5px #b3ffb3; /* jači glow na hover */
            box-shadow: 0 0 10px #66ff66;
            border-color: #33cc33;
        }

    .theme-forest-green .pagination .page-item.active .page-link {
        background-color: #66cc66; /* aktivna stranica u svijetlozelenoj */
        color: #001a00; /* tamni tekst za kontrast */
        border-color: #009933;
        text-shadow: none;
        box-shadow: 0 0 10px #66ff66; /* glow efekt na aktivnoj */
        font-weight: bold;
    }

    .theme-forest-green .pagination .page-link:focus {
        outline: none;
        box-shadow: 0 0 15px #66cc66; /* naglašeni glow na fokus */
    }

    .theme-forest-green .modal-content {
        background-color: rgba(0, 60, 0, 0.95);
        color: #dfffd6;
        border: 2px solid #dfffd6;
        border-radius: 1rem;
    }

/* Tema: Default */
.tema-default {
    background: linear-gradient(to bottom, #c0c0c0 0%, #a9a9a9 100%);
    color: navy !important; /* Zlatno-žuta boja teksta */
    height: 100%;
    min-height: 100vh;
}

body.tema-default {
    /* Glavni background s gradientom srebrne */
    background: linear-gradient(to bottom, #c0c0c0 0%, #a9a9a9 100%);
    color: navy !important;
    min-height: 100vh;
    font-family: var(--bs-body-font-family);
}

    /* Tablice */
    body.tema-default table.table {
        background-color: #c0c0c0; /* srebrna pozadina */
        color: navy !important;
        border: 1px solid black; /* crni rubovi */
    }

        /* Ćelije tablice */
        body.tema-default table.table th,
        body.tema-default table.table td {
            border: 1px solid black !important; /* crni rubovi */
            color: navy !important;
        }

    /* Buttoni */
    body.tema-default .btn {
        background-color: #c0c0c0 !important; /* srebrna pozadina */
        color: navy !important;
        border: 1px solid black !important; /* crni rubovi */
    }

        /* Hover efekt na buttonima */
        body.tema-default .btn:hover {
            background-color: #a9a9a9 !important; /* tamnija srebrna */
            color: navy !important;
            border-color: black !important;
        }

    /* Navbar - ukloni bordere i shadow */
    body.tema-default .navbar,
    body.tema-default .navbar-nav,
    body.tema-default .navbar-brand {
        background-color: #c0c0c0 !important; /* srebrna pozadina */
        color: navy !important;
        border: none !important; /* ukloni sve bordere */
        box-shadow: none !important; /* ukloni sve sjenke */
    }

        /* Linkovi unutar navbar-a */
        body.tema-default .navbar a.nav-link {
            color: navy !important;
            border: none !important; /* ukloni border ako postoji */
            box-shadow: none !important; /* ukloni shadow */
        }

            /* Hover efekt na linkovima u navbaru */
            body.tema-default .navbar a.nav-link:hover {
                color: #000080 !important; /* tamnoplava */
                border: none !important;
                box-shadow: none !important;
            }

    /* Form elementi - input, textarea, select */
    body.tema-default input,
    body.tema-default textarea,
    body.tema-default select {
        background-color: #c0c0c0 !important; /* srebrna pozadina */
        color: navy !important;
        border: 1px solid black !important;
    }

        /* Fokus na form elementima */
        body.tema-default input:focus,
        body.tema-default textarea:focus,
        body.tema-default select:focus {
            background-color: #a9a9a9 !important; /* tamnija srebrna */
            color: navy !important;
            border-color: black !important;
            outline: none;
            box-shadow: 0 0 5px black;
        }

    /* Sidebar za Default */
    body.tema-default .sidebar {
        background-color: #c0c0c0 !important;
        border-right: 1px solid black !important;
        color: navy !important;
        padding: 15px;
    }

        body.tema-default .sidebar a {
            color: navy !important;
            text-decoration: none;
        }

            body.tema-default .sidebar a:hover {
                color: #000080 !important;
            }

    /* Paginacija za Default temu */
    body.tema-default .pagination .page-link {
        background-color: #c0c0c0; /* srebrna pozadina */
        color: navy; /* tamnoplavi tekst */
        border: 1px solid black;
        transition: all 0.3s ease-in-out;
    }

        body.tema-default .pagination .page-link:hover {
            background-color: #a9a9a9; /* tamnija srebrna na hover */
            color: #000080; /* tamnoplava (još jači kontrast) */
            border-color: black;
        }

    body.tema-default .pagination .page-item.active .page-link {
        background-color: navy; /* aktivna stranica s tamnoplavom */
        color: #ffffff; /* bijeli tekst za kontrast */
        border-color: black;
        font-weight: bold;
    }

    body.tema-default .pagination .page-link:focus {
        outline: none;
        box-shadow: 0 0 5px black; /* lagani crni glow za fokus */
    }

    .tema-default .modal-content {
        background-color: #c0c0c0;
        color: navy;
        border: 2px solid navy;
        border-radius: 1rem;
    }

.sidebar-separator {
    border: none;
    border-top: 1px solid currentColor;
    opacity: 0.3;
    margin: 8px 0;
}

.sidebar {
    font-size: 1rem; /* smanji cijeli sidebar */
}

    .sidebar ul li {
        padding: 2px 8px; /* smanji unutarnji razmak */
        margin: 0; /* ukloni vanjski razmak ako postoji */
    }

    /* Sidebar linkovi */
    .sidebar a {
        line-height: 1.2; /* smanji visinu reda */
        padding: 3px 6px; /* prilagodi razmak oko teksta */
        display: block; /* cijeli red je klikabilan */
    }

.modal-header, .modal-footer {
    border-bottom: 1px solid currentColor;
    border-top: 1px solid currentColor;
}

.modal-draftpick .modal-dialog {
    max-height: 70vh; /* maksimalna visina */
    margin: 1.5rem auto; /* centriranje */
}

.modal-draftpick .modal-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.modal-draftpick .modal-body {
    flex: 1 1 auto;
    overflow-y: auto; /* scroll unutar modala */
    max-height: calc(70vh - 120px); /* prilagođeno header + footer */
}

/* =========================================================
   FIX: Selected round row text color (OVERRIDES THEMES)
   ========================================================= */

body table.table tr.table-active td,
body table.table tr.table-active th {
    color: silver !important;
}