/* Pristupačnost - traženo u INSTRUKCIJE-CLAUDE-CODE.md („Obavezno uz temu”).
   Ne mijenja nijednu vrijednost iz wp-styles.css. */

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--orange);outline-offset:2px}

.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--orange);color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px}
.skip:focus{left:0;color:#fff}

/* Honeypot protiv spama - ne smije se vidjeti ni zauzimati prostor. */
.rd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0}

@media(max-width:1020px){
.nl,.mb-a,.mb-t,.chip,.fq-q{min-height:44px}
.bg{padding:10px}
}

@media(prefers-reduced-motion:reduce){
.pulse{animation:none}
*,*::before,*::after{transition-duration:.01ms!important}
}

.plate img{width:100%;height:100%;object-fit:cover;display:block}

/* .plate je u WP-u <figure> (tako propisuje handoff), a <figure> nosi
   defaultnu marginu 1em 40px koje u prototipnom <div>-u nije bilo. */
figure.plate{margin:0}

/* Prototip je stanja rješavao uvjetnim renderiranjem (React), tema ih rješava
   [hidden] atributom. Klase iz wp-styles.css imaju veću specifičnost od UA
   pravila [hidden]{display:none}, pa se mora vratiti eksplicitno. */
.mb[hidden],.mb-l[hidden],.mg[hidden],.mn[hidden],.fq-a[hidden],.gl-i[hidden]{display:none}