/* ========================================================================== fixes.css - opravy vrstvy Shoptet / Apollo + prechodove stylovani legacy trid na obsahovych strankach. Poradi v hlavicce: MUSI byt az za mth-base.css (bere z nej promenne) a nejlepe uplne posledni ze vsech modulu. Vse overeno na produkci 26. 8. 2026 merenim, ne odhadem. ========================================================================== */ /* -------------------------------------------------------------------------- 1) Chybejici promenna -------------------------------------------------------------------------- faq.css:3 pouziva var(--mth-light), ktera nikde neni definovana. Nedefinovana promenna nespadne na fallback - cela deklarace je neplatna a resi se jako inherit, takze sekce nema pozadi vubec. OPRAVENO 27. 8.: puvodne tu bylo #ffffff s oduvodnenim "vzhled se nezmeni". To platilo jen na DESKTOPU, kde ma bilou. Na MOBILU ma rgb(245,246,248), takze definovana bila zacala malovat pres tu sedou a FAQ sekce jako jedina svitila bile. transparent je spravna hodnota: deklarace zustane platna (nespadne na inherit jako u nedefinovane promenne) a sekce zase dedi pozadi tela na obou sirkach. Az se rozhodne, jakou barvu tam Iana chtela, prepsat tady. -------------------------------------------------------------------------- */ :root { --mth-light: transparent; } /* -------------------------------------------------------------------------- 2) Vodorovny pretok stranky -------------------------------------------------------------------------- Zmereno pred opravou (realnym scrollTo(9999,0), ne vypoctem): 390 -> 8px 768 -> 8px 1024 -> 8px 1200 -> 46px 1366 -> 8px 1440 -> 46px Po oprave: 0 na vsech sesti sirkach. -------------------------------------------------------------------------- */ /* 2a) Blok hodnoceni obchodu je Bootstrap .row se zapornymi okraji, ale visi primo na - chybi mu obalovy .container s vnitrnim odsazenim, ktere by ty zaporne okraje pohltilo. Overeno, ze zadne z jeho deti nema vodorovny padding, takze zaporne okraje nic nekompenzuji a jen delaji stranku o 15 px sirsi nez viewport. */ body > #hodnoceniobchodu.row { margin-left: 0; margin-right: 0; } /* 2b) Hero .welcome__content ma zamerny bleed -70px pres okraje kontejneru. Na hranach breakpointu uz vedle kontejneru neni misto a bleed vyleze z viewportu (pasma ~1185-1265 a ~1410-1510 px - bezne 1280 a 1440 notebooky se svislym posuvnikem). 'clip' misto 'hidden' zamerne: clip NEtvori scroll kontejner, takze nerozbiji position: sticky uvnitr. Na proto, ze z se rolovani propaguje na koren - existujici pokus o opravu v hlavicce (body.in-index { overflow-x: hidden }) presne z tohohle duvodu nefunguje a navic plati jen na homepage. Bleed zustava vizualne zachovany, jen uz neni rolovatelny - overeno snimkem, hero vypada stejne. */ html { overflow-x: clip; } /* -------------------------------------------------------------------------- 3) Zakulaceni legacy prvku na obsahovych strankach -------------------------------------------------------------------------- POZOR NA SPECIFICITU: legacy pravidla zijou v