/* * Zbytek po zdrojovém tématu Drogerie. * * Původní soubor měl 271 řádků a skoro celý popisoval značku `dg-site-*`, * jejíž HTML už v tomhle tématu není. Tři jeho pravidla ale byla naživu * a škodila napříč obchodem: * * h1–h6 { font-family: "Trebuchet MS" } nadpisy na pěti stránkách * *:focus-visible { outline: … !important } značkový fokusový prstenec nikdy nevykreslil * body { overflow-x: hidden } dělá z body scroll container, * takže position: sticky přestane držet * * Zůstává jen to, co opravdu něco drží. Designový systém je realmeal.css. */ /* Hlavička zůstává v toku dokumentu. Zdrojové téma ji fixuje a dopočítává pod ni pevných 156 px; naše hlavička má proměnlivou výšku. */ #header.l-header { position: relative; top: auto; left: auto; transform: none !important; transition: none; } body #wrapper { margin-top: 0 !important; } /* Vodorovné přetečení se ořízne na . Na ne — tam by z něj udělalo scroll container a lepicí lišta jídelníčku by přestala držet. */ html { overflow-x: hidden; } /* Křížek u položky košíku byl prázdný vložený odkaz bez plochy na klik. */ .cart-line-product-actions .remove-from-cart { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; } /* Bootstrapí utilita, na kterou se odkazuje pár zděděných šablon. */ .sr-only { border: 0 !important; clip: rect(0, 0, 0, 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }