/* -----------------------------------------------------------------------------
   AZ overrides — Version2, offer 96/2026
   Loaded AFTER the app's own stylesheet, from index.html.

   Everything here exists because the fix lives inside the React bundle, whose
   source we do not have. Each rule states which finding it addresses so it can be
   deleted the day the source turns up and the fix moves upstream.

   Rules must be additive and layout-neutral. Do not change spacing, line-height
   or type scale — a fix must never move adjacent layout.
   -------------------------------------------------------------------------- */

/* --- F8 / offer item 04b: homepage CLS is 0.387, caused by the hero having no
       reserved height until its image loads. Reserving the box removes the shift
       without touching anything else. Ratio matches anticevi-2+1.jpeg (1584x672).

       Selector VERIFIED ON STAGING 2026-08-12. The originally proposed
       `main > section:first-of-type …` matches nothing — the page has no <main>;
       the hero is `body > div > div > section > img.w-full.h-auto` with no
       width/height attributes. Targeting the img by src is exact: the file
       appears once, and the ratio equals its natural ratio, so the rendered
       layout after load is identical to before this rule.
       hero-1.jpg needs nothing: it carries width=1920 height=1080 attributes.
       Measured with the rule injected: CLS 0.3817 -> 0.0019 (desktop 1440),
       0.1808 -> 0.0010 (mobile 390).                                            */

img[src*="anticevi-2+1"] {
  aspect-ratio: 1584 / 672;
  height: auto;
}

/* --- F13 / offer item 02: tap targets under the 40px minimum.
       Growing the hit area only, so nothing around them moves.                  */

/* HR / EN language switch — measured 39x28 desktop, 28x21 mobile */
button[aria-label*="jezik" i],
button[aria-label*="language" i] {
  min-width: 44px;
  min-height: 44px;
}

/* FAQ accordion rows — measured 832x25 desktop: full width, but only 21-25px tall */
[class*="faq"] button,
[class*="accordion"] button {
  min-height: 44px;
}

/* Footer legal links — measured 49-157px wide, 20px tall */
footer a {
  display: inline-block;
  min-height: 44px;
  line-height: 44px;
}

/* --- Focus visibility. The app ships no visible focus ring, which makes keyboard
       navigation impossible to follow. Additive, affects nothing else.           */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #4A704C;
  outline-offset: 2px;
}

/* --- Respect reduced-motion. Additive and free.                                */
@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;
  }
}