/* ============================================================
   a11y.css — DELJENI STIL ZA PRISTUPAČNOST (accessibility)
   Uključi na svaku stranicu: <link rel="stylesheet" href="a11y.css">

   Sadrži:
   - Vidljiv fokus prsten za tastaturnu navigaciju (:focus-visible)
   - .sr-only klasa (tekst vidljiv samo čitačima ekrana, npr. za ikonice bez teksta)
   - .skip-link (dugme "Preskoči na sadržaj" - prvi fokusabilni element na stranici)
   - Poštovanje "prefers-reduced-motion" (isključuje animacije za korisnike koji to traže)
   ============================================================ */

/* Vidljiv fokus prsten - radi preko SVIH tema (svetla/tamna) jer koristi outline
   koji se ne oslanja na boju pozadine */
:focus-visible {
    outline: 3px solid #ff8c00 !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}

/* Ukloni podrazumevani outline SAMO kad je :focus-visible podržan (fallback ostaje) */
:focus:not(:focus-visible) {
    outline: none;
}

/* Tekst vidljiv isključivo čitačima ekrana - koristi se za dodatni kontekst
   uz ikonice-bez-teksta (npr. "Zatvori prozor" pored X dugmeta) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Dugme "Preskoči na sadržaj" - nevidljivo dok se ne fokusira tastaturom (Tab) */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    background: #ff8c00;
    color: #000;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 0 0 6px 0;
}
.skip-link:focus {
    left: 0;
}

/* Poštovanje korisničkog podešavanja "manje animacija" */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}