/* ---------------------------------------------------------------------------
   Modena — UX-parandused staatilise koopia peal.

   Siin on AINULT need kaks asja, mille puudumine sai brauseris mõõdetud.
   Kõik muu, mida proovisin, osutus üleliigseks — vt allpool.
   --------------------------------------------------------------------------- */

/* 1. Ankruhüpped -----------------------------------------------------------
   Päis on position:fixed, 72px. Saidi enda CSS ei sea scroll-padding-top'i,
   seega iga #ankru siht maandus päise ALLA peitu. Puudutas 133 ankrulinki
   ainuüksi avalehel (#toode1..4, #business, #features).
   Mõõdetud: enne siht top=0 (päise taga), pärast top=88 (16px õhku).
   Mobiili murdepunkt on 759.98px, päis seal 64+16px.                     */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}
@media (max-width: 759.98px) {
  html { scroll-padding-top: 96px; }
}

/* 2. Klaviatuurifookus -----------------------------------------------------
   Originaalis oli terve lehe peale üks focus-visible reegel — Tab'iga
   navigeerides ei näinud, kus fookus asub. Bränd-aktsent #0099ff.
   Mõõdetud: outline 3px solid rgb(0,153,255) rakendub.                   */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid #0099ff;
  outline-offset: 3px;
  border-radius: 6px;
}

/* 3. Kes liikumist ei soovi ------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ---------------------------------------------------------------------------
   MIDA SIIA EI TULE JA MIKS (kõik brauseris üle mõõdetud):

   • Päise peitmine/ilmumine kerimisel — saidi runtime teeb seda juba ise
     JS-vedruga: 0 → -13 → -45 → -65 → -72 → -73 (kerge ülelend) → settib
     ~240ms, tagasituleku lävi 75px. transition-duration on 0s, ehk see EI
     ole CSS-üleminek. Minu CSS-transform (!important, sest konteineril on
     inline transform) ainult võitles vedruga vastu ja sai teha päist ainult
     rohkem peidus, mitte kunagi kiiremini nähtavaks. Eemaldatud.

   • Mobiilimenüü kerimislukk — runtime seab menüü avamisel ise
     body{overflow:hidden} ja sellest piisab. Nägin "viga" ainult sellepärast,
     et testisin programmilise scrollBy'ga, mis läbib overflow:hidden luku.
     Päris hiirerattaga püsib menüü nii originaalis kui koopias paigal.

   • Menüülinkide hover-üleminek — mu selektor oli valesti sihitud:
     peamenüü punktid (Krediiditooted, Makseviisid) ei ole üldse
     [data-siteui-name="Navigation"] sees, ja <a> elementidel pole oma
     värvi (arvutatud color oli rgb(0,0,238), brauseri vaikimisi lingisinine
     — tekst tuleb lapselemendilt). Eemaldatud.
   --------------------------------------------------------------------------- */
