/* ============================================================
   PRESKAKANJE IZBORNIKA — plan 161
   ============================================================

   Izbornik nosi oko trideset poveznica i podskupina. Do ovog plana je korisnik
   tipkovnice kroz sve njih prolazio TABom na SVAKOM ekranu prije nego bi došao
   do sadržaja; miš je taj put preskakao, tipkovnica nije imala kako.

   Poveznica stoji kao prva fokusabilna točka u <body> i vidi se SAMO kad je
   fokusirana. Ne skriva se `display:none` ni `visibility:hidden` — tako je ni
   fokus ne bi mogao dohvatiti.
   ============================================================ */

.qms-preskoci {
    /* `fixed`, ne `absolute`: `html` je u kući `position: relative`, pa bi
       apsolutna poveznica visjela na vrhu DOKUMENTA. Korisnik koji je otišao
       niz dugačak registar i pritisnuo TAB dobio bi skok na vrh stranice samo
       da vidi poveznicu. Fiksna stoji na vrhu PRIKAZA, gdje god korisnik bio. */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;

    /* Poveznica se ne lomi u dva reda ni na telefonu — kratka je, a ovo je
       jedini element koji korisnik vidi tek u trenutku kad mu treba. */
    white-space: nowrap;

    /* Izvan vidljivog polja, ali u stablu fokusa. */
    transform: translateY(-120%);

    padding: 10px 16px;
    border-bottom-right-radius: 8px;

    background: var(--accent);
    font-weight: 600;
    text-decoration: none;

    transition: transform .12s ease-out;
}

/* `:focus`, ne samo `:focus-visible`: poveznicu dohvaća isključivo tipkovnica,
   pa ovdje nema razlike. */
.qms-preskoci:focus {
    transform: translateY(0);
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Boja teksta na ispuni naglaska je `--accent-ink`, a NE zapisana bijela:
   svjetlina `--accent` se okreće s temom. Izmjereno 05.10.2026. na produkciji:

     tamna tema   --accent = rgb(67,195,195)
        bijelo     2,14   pada
        #08181c    8,49   prolazi

     svjetla tema --accent = rgb(0,121,132)
        bijelo     5,16   prolazi
        #08181c    3,51   pada

   `--accent-ink` je točno taj obrt (#08181c u tamnoj, #ffffff u svjetloj) i
   kuća ga već koristi na trideset i pet mjesta.

   Oblik je `body[class*="qms-theme"] …` jer tema boju poveznica nosi istim
   oblikom (`body[class*="qms-theme"] a`), pa je `.qms-preskoci { color: … }`
   ne bi nadjačao. Vidi CLAUDE.md, „Tema je specifičnija od razreda". */
body[class*="qms-theme"] .qms-preskoci,
body[class*="qms-theme"] .qms-preskoci:hover,
body[class*="qms-theme"] .qms-preskoci:focus {
    color: var(--accent-ink);
}

/* Meta cilja: `tabindex="-1"` na <main> daje fokus sadržaju nakon skoka, a
   globalni pokazivač fokusa bi tada obrubio cijeli sadržaj. Skok nije radnja
   korisnika nad sadržajem, pa obrub ne treba. */
body[class*="qms-theme"] .qms-content:focus {
    outline: none;
}