/* Sidebar logo — centered and enlarged */
:root {
    --ins-logo-lg-height: 120px;
    --ins-logo-sm-height: 70px;
}

.sidenav-menu .logo {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 1.25rem 0.5rem;
    line-height: normal !important;
}

.logo-lg img,
.logo-sm img {
    height: auto !important;
    max-height: var(--ins-logo-lg-height);
    width: auto;
}

/* Razmik med zgornjo vrstico in vsebino strani */
.content-page > .container-fluid {
    padding-top: 1rem;
}

/* Primary buttons — KŽI brand green */
.btn-primary {
    background-color: #69ad3b !important;
    border-color: #69ad3b !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #4e8a29 !important;
    border-color: #4e8a29 !important;
}

/* Theme-aware table headers.
   Bootstrap's .table-light is a fixed light variant that ignores dark mode,
   so it looks glaring on data-bs-theme="dark". Remap it onto theme-aware
   variables so the header tint flips with the theme. */
.table-light {
    --ins-table-color: var(--ins-body-color);
    --ins-table-bg: var(--ins-tertiary-bg);
    --ins-table-border-color: var(--ins-border-color);
}

/* DataTables kontrolniki (dolžina, iskanje, info, paginacija).
   Bootstrap 5 integracija DataTables postavi svoje vrstice kot .row, ta pa ima
   negativno margino calc(-.5 * gutter). V .table-responsive (overflow-x: auto)
   je bila vrstica zato 20px širša od ovoja in je pognala 10px vodoravni drsnik
   (/Clanarina, /Upn, /ClanarinaImport, /Clanarina/Unmatched).

   Gutter mora nujno biti --ins-gutter-x: INSPINIA .row ne bere --bs-gutter-x.
   Prav tako ga je treba postaviti na samo .row — INSPINIA ga deklarira na .row,
   zato deklaracija na predniku (.dt-container) izgubi. Oboje je bilo prej
   narobe, zato pravilo ni imelo učinka.

   Ko je gutter 0, se kontrolniki s spodnjim zamikom poravnajo z vsebino tabele
   (.table-custom celice imajo 1.125rem zamik). */
.card .dt-container {
    margin-top: 0;
}

.card .dt-container > .row {
    --ins-gutter-x: 0;
    --bs-gutter-x: 0;
}

.card .dt-container > .row:not(.dt-layout-table) {
    padding: 0.5rem 1.125rem;
}

/* Compact member form */
#member-form .form-label {
    margin-bottom: 0.15rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

#member-form .form-check {
    margin-bottom: 0.35rem !important;
    min-height: auto;
}

#member-form .nav-tabs {
    margin-bottom: 0.75rem !important;
}

#member-form hr {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Iskalni spustni seznami (Choices.js) v panelu s filtri.
   Choices nadomesti <select>, zato mu privzeta velikost .form-select-sm ne velja;
   uskladimo višino, pisavo in zamike z ostalimi kontrolniki v panelu. */
#filterPanel .choices {
    margin-bottom: 0;
}

#filterPanel .choices__inner {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--ins-border-radius-sm);
}

#filterPanel .choices__list--single {
    padding: 0;
}

#filterPanel .choices__list--dropdown .choices__item,
#filterPanel .choices__input {
    font-size: 0.875rem;
}

/* Spustni seznam ne sme narasti čez panel — .offcanvas-body ga sicer odreže. */
#filterPanel .choices__list--dropdown .choices__list {
    max-height: 15rem;
}

/* Iskalni spustni seznami (Choices.js) v navadnih obrazcih — npr. izbira člana in
   delodajalca na obrazcih pravne in solidarnostne pomoči.
   Choices doda okoli <select> svoj ovoj s 24px spodnjega roba, kar v mreži .row g-3
   podre poravnavo z ostalimi polji; višino in zamike pa je treba uskladiti s
   .form-select, ker Choices podeduje samo del njegovega videza.
   Pravila za #filterPanel zaradi ID-ja prevladajo nad temi, zato filtri na /Members
   obdržijo manjšo različico (.form-select-sm). */
.choices {
    margin-bottom: 0;
}

.choices__inner {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    border-radius: var(--ins-border-radius);
}