/* ═══════════════════════════════════════════════════════════════════════════
   Dodirna meta — prvo pravilo ClearLoud sustava (`UI-19`, poglavlje `114`)

   Odbor (19.9.2026.) trazi „mali ClearLoud dizajn sustav i responzivni/touch
   standard". Poglavlje `113 §4` je odgovorilo redoslijedom: ne pocinje se
   tipografijom nego MJEROM.

     > SUSTAV BEZ MJERE JE DOGOVOR, A DOGOVOR SE DRZI DOK GA SE NETKO SJECA.

   Tri stilska lista nose 29, 33 i 26 varijabli i 18, 29 i 26 razlicitih
   velicina pisma. Ujednaciti ih bez mjere znaci odluciti kako ce IZGLEDATI, a
   kako RADI ostaje neizmjereno — pa se prvi sljedeci krug razidje isto kao i
   dosad.

   44px je jedina brojka iz tog standarda koja ima ISHOD, a ne sredstvo: ispod
   nje palac promasuje. Mjeri ju `tests/vizualne/test_ui19_dodir.py`, u
   pregledniku, jer se visina slozena od `padding` u `em`, pisma u `rem` i
   `line-height` bez jedinice ne da izracunati iz spisa.

     > PRAVILO SE CITA IZ SPISA; META SE VIDI TEK KAD SE STRANICA ISCRTA.

   ── ZASTO ZASEBNA DATOTEKA ────────────────────────────────────────────────

   Isto kao `karta.css` (`OPS-19`): pravilo koje vrijedi za gosta, osoblje I
   upravu upisano u tri lista je tri pravila koja se raziđu prvom izmjenom.
   Ovdje je jedno, i tri okvira ga ucitavaju.

     > PRAVILO PREPISANO U TRI DATOTEKE PRESTAJE BITI ISTO PRAVILO PRVOM
     > IZMJENOM.

   Ucitava se PRIJE ostalih listova, pa ga svaki od njih smije nadglasati kad
   za to ima razlog — ograda je mjera, ne redoslijed.

   ── STO OVO NE RADI ───────────────────────────────────────────────────────

   Ne dira poveznice USRED recenice. Poveznica u tekstu je dio recenice, i
   propisati joj 44px znaci razmaknuti tekst da bi mjera prosla.

     > MJERA KOJA TJERA NA RAZMICANJE TEKSTA MJERI SEBE, NE DODIR.

   Zato pravila hvataju dugmad i ono sto se PONASA kao dugme, te poveznice koje
   su vec blok (same u svom retku) — isti izbor koji koristi i mjera.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Jedna brojka, jedno mjesto. Ista stoji i u probi (`META_PX`), jer proba
     mjeri ISHOD i ne smije ga citati iz onoga sto mjeri:

       > MJERA KOJA PRAG CITA IZ ONOGA STO MJERI PROLAZI I KAD PRAG PADNE. */
  --meta-dodira: 44px;
}

/* `button` i `input` sami sredinom slazu svoj sadrzaj, pa im je dovoljna
   visina. `select` isto. Nista se ne pomice ustranu: `min-height` ne mijenja
   sirinu, pa `UI-12` (preljev) ostaje na miru. */
button,
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
select {
  min-height: var(--meta-dodira);
}

/* Meta ima DVIJE strane. Dugme od 30x44 promasuje se jednako kao ono od 44x30,
   a prva izvedba ovog pravila je mjerila samo visinu — pa je „HR" u zaglavlju
   izloga proslo kao meta od 38.9px.

     > META KOJOJ SE MJERI SAMO JEDNA STRANA JE META KOJA SE PROMASUJE PO ONOJ
     > DRUGOJ.

   Sirina se podize samo ondje gdje je sadrzaj kratak (znak, dvoslov, brojka);
   dugme s recenicom je ionako sire. */
button,
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
.jezici a,
.jezik-veza,
.izb-sklopka {
  min-width: var(--meta-dodira);
}

.jezici a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* `summary` i poveznica-blok slazu sadrzaj na vrh, pa im uz visinu treba i
   sredina. `display` se NE mijenja u `flex` naslijepo: element koji je vec
   `grid` ili `flex` zadrzava svoje, a mijenja se samo poravnanje. */
summary {
  min-height: var(--meta-dodira);
  display: flex;
  align-items: center;
}

/* Zatecene mete koje su mjeru pale, imenovane: `.vrh-gumb` (izlog), traka
   osoblja i njezina odjava, biraci jezika. Imenovane su NAMJERNO — pravilo
   `a { min-height }` obuhvatilo bi i poveznicu u recenici. */
.vrh-gumb,
.odjava,
.izb-sklopka,
.jezik-sucelja,
.jezik-veza,
nav a,
.izbornik a,
.op-sazetak {
  min-height: var(--meta-dodira);
}

/* Poveznice u trakama slazu sadrzaj na vrh dok im se ne kaze drugacije. */
.vrh-gumb,
.jezik-veza,
nav a,
.izbornik a {
  display: inline-flex;
  align-items: center;
}

/* Mis nije prst, ali gusto sucelje uprave nije razlog da meta padne: tablet u
   sali je sirok 1100px i i dalje se dodiruje prstom.

     > SIRINA EKRANA NE KAZE CIME SE PO NJEMU POKAZUJE.

   Zato ovdje NEMA upita po sirini. Kad se jednom pokaze da neki ekran mete ne
   moze nositi, to ce biti odluka s razlogom — ne izostanak pravila. */

/* ── `hidden` mora nadjacati raspored (`CORE-14`) ───────────────────────────
   Ovaj list postavlja `display` (`inline-flex`, `flex`), pa moze pregaziti
   `[hidden]` iz preglednika: specificnost je ista, a nas list dolazi poslije.
   Nadjeno u snimci ekrana, ne u kodu — „Napomena za vozaca" u salonu za
   pedikuru.

     > ATRIBUT KOJI RASPORED MOZE PREGAZITI NIJE STANJE NEGO PRIJEDLOG. */
[hidden] { display: none !important; }