/* ══════════════════════════════════════════════════════════════════════════
   Fleeto — značková vrstva BIGA nad Tablerom
   ══════════════════════════════════════════════════════════════════════════

   Prekrýva Tablerove premenné hodnotami z dizajn manuálu BIGA. Načítava sa
   AŽ ZA `tabler.min.css`, inak by ju Tabler prebil.

   TRI PRAVIDLÁ MANUÁLU, KTORÉ TU ROZHODUJÚ O VŠETKOM:

   1. Limetková #C0DD52 je VÝPLŇ, nikdy text. Na bielej neprejde kontrastom.
      Preto sa Tablerova `--tblr-primary` nastavuje na ATRAMENT, nie na
      limetku — inak by boli limetkové všetky odkazy a `text-primary`.
      Limetka sa dáva výslovne tam, kde je to plocha: tlačidlo, štítok,
      hlavička tabuľky, aktívna položka v tmavom menu.
   2. Každé tlačidlo je pilulka 1000 px. Bez tieňa, bez nadvihnutia pri hoveri.
   3. Tieň v systéme prakticky nie je. Hĺbka sa robí kontrastom plôch
      (biela → #F2F4F8) a vlasovou linkou.

   ČO SME Z MANUÁLU VEDOME NEPREVZALI

   · Výšku ovládacích prvkov 50 px. Fleeto je pre tablet v dielni a technik
     ho obsluhuje v rukaviciach — ostávame na 44/48/56 px z pôvodného
     nastavenia. Manuál je písaný pre biga.sk, teda pre myš a mobil.
   · Odsadenia 64–120 px medzi sekciami. Marketingová stránka má priestor,
     pracovná obrazovka na tablete nie; hustota tu má prednosť.
   · Rytmus copy „každá sekcia končí suchou pointou". Do evidencie vozidiel
     vtip nepatrí — hlášky v aplikácii majú byť vecné.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Lexend ─────────────────────────────────────────────────────────────
   Variabilný font: JEDEN súbor nesie celú os 300–800. latin-ext je povinný,
   nie voliteľný — slovenčina má ľ ť ô ä č š ž ý í é á ú ň ĺ ŕ ď.
   Self-hosted, lebo Fleeto je PWA a musí fungovať bez siete. */
@font-face {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url("../vendor/lexend/Lexend-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                   U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                   U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url("../vendor/lexend/Lexend-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                   U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Značka */
    --biga-lime:      #C0DD52;
    --biga-ink:       #0B171D;
    --biga-blue:      #1E4394;
    --biga-grey-100:  #F2F4F8;
    --biga-grey-ink:  #21272A;
    --biga-red:       #D4362B;
    --biga-amber:     #D97A2B;

    /* Tabler — typografia */
    --tblr-font-sans-serif: "Lexend", "Helvetica Neue", Arial, sans-serif;
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-body-color: var(--biga-grey-ink);
    --tblr-body-bg: #ffffff;
    --tblr-heading-color: var(--biga-ink);

    /* Tabler — farby.
       `primary` je ATRAMENT zámerne: v Tableri z nej vychádzajú aj odkazy
       a `text-primary`, a limetkový text na bielej je podľa manuálu chyba. */
    --tblr-primary:       #0B171D;
    --tblr-primary-rgb:   11, 23, 29;
    --tblr-link-color:    #0B171D;
    --tblr-link-hover-color: #0B171D;
    --tblr-danger:        var(--biga-red);
    --tblr-warning:       var(--biga-amber);
    --tblr-border-color:  rgba(11, 23, 29, .1);

    /* Tabler — geometria. Manuál: 4 px formuláre, 16 px karty, 1000 px pilulky. */
    --tblr-border-radius:    4px;
    --tblr-border-radius-sm: 4px;
    --tblr-border-radius-lg: 16px;
    --tblr-border-radius-xl: 16px;

    /* Manuál: tieň v systéme nie je. */
    --tblr-box-shadow:    none;
    --tblr-box-shadow-sm: none;
    --tblr-box-shadow-lg: none;
    --tblr-shadow-card:   none;
}

/* Negatívne prestrkanie nadpisov je rozpoznávací znak značky: manuál dáva
   64 px → −4 px a 36 px → −2 px, čo je zhodne ≈ −0,055 em. V em preto, aby
   to platilo na každej veľkosti — Fleeto má nadpisy menšie než web. */
h1, h2, h3, .h1, .h2, .h3, .page-title, .card-title, .detail-cislo, .detail-spz {
    font-weight: 700;
    letter-spacing: -.045em;
    color: var(--biga-ink);
}
h4, h5, h6, .h4, .h5, .h6 { font-weight: 700; letter-spacing: -.02em; }

/* ── Tlačidlá ───────────────────────────────────────────────────────────
   Pilulka bez výnimky. Limetka je výplň s atramentovým textom; hover mení
   iba priehľadnosť, žiadne nadvihnutie ani tieň (manuál §4, Motion). */
.btn {
    border-radius: 1000px;
    font-weight: 600;
    letter-spacing: .5px;
    box-shadow: none;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),
                color .15s cubic-bezier(.4,0,.2,1),
                border-color .15s cubic-bezier(.4,0,.2,1),
                opacity .15s cubic-bezier(.4,0,.2,1);
}
.btn:hover, .btn:focus, .btn:active { transform: none !important; box-shadow: none !important; }

.btn-primary {
    --tblr-btn-bg: var(--biga-lime);
    --tblr-btn-border-color: var(--biga-lime);
    --tblr-btn-color: var(--biga-ink);
    --tblr-btn-hover-bg: var(--biga-lime);
    --tblr-btn-hover-border-color: var(--biga-lime);
    --tblr-btn-hover-color: var(--biga-ink);
    --tblr-btn-active-bg: var(--biga-lime);
    --tblr-btn-active-border-color: var(--biga-lime);
    --tblr-btn-active-color: var(--biga-ink);
    --tblr-btn-disabled-bg: var(--biga-lime);
    --tblr-btn-disabled-border-color: var(--biga-lime);
    --tblr-btn-disabled-color: var(--biga-ink);
}
.btn-primary:hover { opacity: .85; }

/* Obrysové tlačidlo má v manuáli JEDINÝ hrubý okraj v systéme: 2 px limetka. */
.btn-outline-primary {
    --tblr-btn-color: var(--biga-ink);
    --tblr-btn-border-color: var(--biga-lime);
    --tblr-btn-hover-bg: var(--biga-lime);
    --tblr-btn-hover-border-color: var(--biga-lime);
    --tblr-btn-hover-color: var(--biga-ink);
    border-width: 2px;
}

/* ── Prepínač (segmented) ───────────────────────────────────────────────
   Manuál má preň vlastné pravidlo a je iné než pre tlačidlá:
   `.prepinac.active { background:#0B171D; color:#fff }` — teda ATRAMENTOVÁ
   inverzia, nie limetka.

   Nie je to kozmetika. Limetka znamená „toto je akcia, ktorú máš urobiť".
   Keď ju dostane aj vybraný filter, na obrazovke vozidiel súťažia tri
   limetkové plochy — „Nové vozidlo", „Hľadať" a „Všetky" — a oko nevie,
   ktorá z nich je tá dôležitá. Stav sa preto odlišuje inverziou.

   Selektor cez `:has()`: primárne tlačidlo v skupine, kde sú aj obrysové
   súrodenci, je prepínač. Osamotené `btn-primary` v skupine je akcia
   a ostáva limetkové. */
.btn-group:has(.btn-outline-secondary) > .btn-primary,
.btn-group:has(.btn-outline-secondary) > .btn-check:checked + .btn {
    --tblr-btn-bg: var(--biga-ink);
    --tblr-btn-border-color: var(--biga-ink);
    --tblr-btn-color: #fff;
    --tblr-btn-hover-bg: var(--biga-ink);
    --tblr-btn-hover-border-color: var(--biga-ink);
    --tblr-btn-hover-color: #fff;
    --tblr-btn-active-bg: var(--biga-ink);
    --tblr-btn-active-color: #fff;
}

/* ── Odkazy ─────────────────────────────────────────────────────────────
   Manuál: „značka podčiarkuje limetkou, nefarbí slovo na limetkovo."
   Text zostáva atramentový, nesie ho 2 px limetková linka. */
/* Ikonový odkaz sa NEPODČIARKUJE — linka pod samotným piktogramom (prepínač
   zobrazenia hesla, ozubené koliesko) vyzerá ako chyba vykreslenia, nie ako
   odkaz. Selektor musí byť jeden zložený, bez medzier: medzera by z neho
   spravila „potomok odkazu" a pravidlo by sa chytalo úplne inde. */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.card-link):not(.page-link):not(.list-group-item):not(.badge):not(.btn-close):not(.alert-link):not(:has(>i:only-child)):not(:empty) {
    color: var(--biga-ink);
    text-decoration: none;
    box-shadow: inset 0 -2px 0 0 var(--biga-lime);
}
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.card-link):not(.page-link):not(.list-group-item):not(.badge):not(.btn-close):not(.alert-link):not(:has(>i:only-child)):not(:empty):hover {
    box-shadow: inset 0 -3px 0 0 var(--biga-lime);
}

/* ── Plochy ─────────────────────────────────────────────────────────────
   Hĺbka je kontrast plôch, nie tieň. Jediná svetlá výplň v systéme je
   #F2F4F8 — iná sivá škála v manuáli neexistuje. */
.card, .modal-content, .dropdown-menu {
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(11, 23, 29, .1);
}
.card-body, .card-header, .card-footer { border-radius: inherit; }
.card-header, .card-footer { border-color: rgba(11, 23, 29, .1); }

body.bg-light, .page.page-center { background: var(--biga-grey-100) !important; }
.bg-light, .bg-body-tertiary { background-color: var(--biga-grey-100) !important; }

/* Formuláre: 4 px, sivé pole, modré zaostrenie — modrá je v systéme jediná
   farba pre focus. */
.form-control, .form-select, .input-group-text {
    border-radius: 4px;
    background-color: var(--biga-grey-100);
    border-color: rgba(11, 23, 29, .1);
}
.form-control:focus, .form-select:focus {
    background-color: #fff;
    border-color: var(--biga-blue);
    box-shadow: 0 0 0 2px rgba(30, 67, 148, .25);
}
.form-label { font-weight: 600; color: var(--biga-ink); }
.required::after, .form-label.required::after { color: var(--biga-red); }

/* Tabuľky: 5 px rohy, limetková hlavička s atramentovým textom. */
.table { --tblr-table-border-color: rgba(11, 23, 29, .1); }
.table > thead th {
    background: var(--biga-lime);
    color: var(--biga-ink);
    font-weight: 700;
    letter-spacing: -.01em;
    border-bottom: none;
}
.card > .table-responsive:first-child .table > thead tr:first-child th:first-child { border-top-left-radius: 5px; }
.card > .table-responsive:first-child .table > thead tr:first-child th:last-child  { border-top-right-radius: 5px; }

/* ── Tmavé menu ─────────────────────────────────────────────────────────
   Manuál: tmavá plocha je atrament, karty na nej sú „sklo" — 5 % biela
   výplň a 10 % biela vlasová linka. Aktívna položka je limetková. */
.navbar-vertical[data-bs-theme="dark"],
.navbar[data-bs-theme="dark"] {
    background: var(--biga-ink) !important;
    border-color: rgba(255, 255, 255, .10);
}
.navbar-vertical .nav-link { color: rgba(255, 255, 255, .8); border-radius: 8px; }
.navbar-vertical .nav-link:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.navbar-vertical .nav-link.active {
    color: var(--biga-ink);
    background: var(--biga-lime);
    font-weight: 600;
}
.navbar-vertical .nav-link.active .nav-link-icon { color: var(--biga-ink); }

/* ── Štítky ─────────────────────────────────────────────────────────────
   Limetka ako výplň s atramentovým textom; ostatné farebné štítky nechávame
   Tableru, lebo nesú stav (červená = problém), nie značku. */
.badge { border-radius: 1000px; font-weight: 600; letter-spacing: .3px; }
.badge.bg-primary, .badge.bg-primary-lt {
    background: var(--biga-lime) !important;
    color: var(--biga-ink) !important;
}

/* ── Peniaze ────────────────────────────────────────────────────────────
   Manuál: modrá #1E4394 je „farba peňazí a mechaniky" — ceny v cenníku,
   vybraný dátum v kalendári. Nikde inde. */
.suma, .cena, .biga-modra { color: var(--biga-blue); font-weight: 700; }

/* Zaostrenie klávesnicou. Modrá je jediná focus farba v systéme; pre
   prístupnosť sa nesmie zrušiť, len zjednotiť. */
:focus-visible { outline: 2px solid var(--biga-blue); outline-offset: 2px; }

/* Značka v hlavičke menu — vektor, nie text. */
.navbar-brand .biga-znacka { height: 22px; width: auto; display: block; }