/* header-style.css — custom styly hlavicky a hlavniho menu Linkuje se z ADMIN-SHOPTET-ZALOHA/Zahlavi.html (v sekci ) Scope: cely web (header je sdilena komponenta), zadne body.type-* gating. Pred touto upravou: - vraceni hlavicky a menu na default Shoptet DISCO (viz docs/HEADER-RESTORE-DEFAULT-SHOPTET.md) - legacy override sirek site-name/search/navigation-buttons v doppler-all.css (radky ~61-63) zakomentovan jako soucast Bloku 1 (return-to-default-shoptet) — proto zde flex pomery nemaji souboj se starym min-width/max-width. Postup vyvoje: Faze 1 (current): proporce header-top-wrapper (logo / search / navigation-buttons) Faze 2 (planned): mega-menu styling dle Figmy Faze 3 (planned): mobile drawer styling Faze 4 (planned): nove elementy (Doppler+ Klub vyhod, Akce, Vice trigger, Znacky / Kolekce) */ /* ============================================================= GLOBALNI FIX — horizontalni scroll na strankach mimo HP/PDP/kat ============================================================= Default Shoptet `.navigation-in` je position:absolute s shrink-wrap sirkou ~180000px (intentne - slouzi jako reference pro Shoptet splitMenu() overflow detection). Pokud zadny predek neclipne, 180000px proteka az do -> horizontalni scroll napric strankou. Symptom: `document.documentElement.scrollWidth = 180076px` pri viewport ~1367. Postizene strany: /registrace/, /prihlaseni/, /kontakty/, /kosik/, /objednavka/, /podminky/ atd. (type-page bez vlastniho clip mechanizmu). Proc HP / PDP / kategorie nemaji symptom: - HP ma vlastni overflow handling - PDP (.type-product .overall-wrapper) explicit `overflow: visible` ale jiny clip mechanismus dal v podstrome - Kategorie podobne Legacy css/doppler-all.css aktivne nastavuje: L347 `.in-index .overall-wrapper { overflow-x: hidden }` (jen HP) L389 `.overall-wrapper { overflow: unset !important }` (globalne visible) L212 `.type-product .overall-wrapper { overflow: visible }` (PDP) Fix: `overflow-x: clip` na `.overall-wrapper` univerzalne. `clip` ne `hidden` - nevytvari novy scroll container -> nerozbije position:sticky v podstrome (PDP TOC bar `.roi-pd-tocbar`, sticky header atd.). Specificita: `body .overall-wrapper` = (0,1,1) > legacy `.overall-wrapper` (0,1,0). Plus `!important` pro jistotu (legacy ma `!important` na L389). ⚠️ NESÁHAT na `.navigation-in { width }` — viz CLAUDE.md gotcha sekce. Width constraint rozbije splitMenu() overflow logic. Fix MUSI byt clip na predkovi, ne width na .navigation-in. */ body .overall-wrapper { overflow-x: clip !important; } /* ============================================================= CHECKOUT (objednavka kroky) — skryt cely .navigation-buttons Stranky /objednavka/krok-1/ a /objednavka/krok-2/ maji `body.in-krok-1` resp. `body.in-krok-2` (slug-based Shoptet class). Uzivatel chce na techto strankach nezobrazovat Klub vyhod / Muj ucet / Odhlasit / Porovnat / Kosik / Menu — at se zakaznik soustredi na dokonceni objednavky bez distraktoru. 2026-05-16 v1.49: pridano puvodne s body.ordering-process. 2026-05-16 v1.52 FIX: body.ordering-process zahrnuje i /kosik/ (in-kosik), kde nav ma byt viditelna. Zmena na konkretni in-krok-1, in-krok-2. Plati na desktop i mobile. */ body.in-krok-1 #header .navigation-buttons, body.in-krok-2 #header .navigation-buttons { display: none !important; } /* 2026-05-16 v1.53: na DESKTOPu (>=768px) skryt cely .header-bottom (menu) na checkout krocich. Mobil ji nechava aby zakaznik mel pristup k navigaci pres burger menu. */ @media (min-width: 768px) { body.in-krok-1 #header .header-bottom, body.in-krok-2 #header .header-bottom { display: none !important; } } /* ============================================================= FAZE 1 — proporce header-top-wrapper Sirky 3 sloupcu hlavicky (logo / search / navigation-buttons) resene flex-basis. Default Shoptet DISCO ma vlastni proporce, prepiseme je dle Figmy. ============================================================= */ @media (min-width: 768px) { #header .header-top-wrapper .site-name { flex: 0 1 10%; padding-right: 32px; } #header .header-top-wrapper > div.search { /* 2026-05-16: zmenseno z 65% -> 55%. Po odkryti .top-nav-button-account/logout/register (kazdy 60-70px) plus .roi-hdr-klub potrebuje .navigation-buttons vic mista. Prihlaseny stav: Klub(90) + Odhlasit(70) + Muj ucet(70) + Porovnani(50) + Kosik(90) + gapy(~32) = ~400px minimum. */ flex: 0 1 55%; } #header .header-top-wrapper > div.navigation-buttons { /* 2026-05-16: zvetseno z 25% -> 35% pro fit vsech 5 visible items v prihlasenem stavu (drive 25%=360px @ 1440vp -> nedostacujici). */ flex: 0 1 35%; } /* Zajistit ze .navigation-buttons je flex row s gap, items na jedne radce. 2026-05-16 v1.50: justify-content flex-end -> space-around (uzivatel feedback) */ #header .header-top-wrapper > div.navigation-buttons { display: flex; flex-direction: row; align-items: center; justify-content: space-around; gap: 8px; flex-wrap: nowrap; } /* 2026-05-16 v1.51: legacy doppler-all.css @media min-width:992px ma `#dkLabComparerHeaderWrappper, #header .navigation-buttons button[data-target=login], #header .header-top a.cart-count { margin: 0 auto }` ktery prida horizontalni centering kazdemu z tech itemu. Uzivatel chce odstranit pro VSECHNY 3 (s justify-content space-around je auto-margin redundantni a vykladal nadbytecny prostor). Specificity legacy: ~1,1,0 az 1,1,2. Nas selektor 1,1,X + !important. */ body #dkLabComparerHeaderWrappper, body #header .navigation-buttons button[data-target="login"], body #header .header-top a.cart-count { margin: 0 !important; } } /* ============================================================= FAZE 1b — odkryti a styling .top-nav-button-account/logout PLATI NA VSECH VIEWPORTECH (mobile-first), aby i na mobilu mel prihlaseny uzivatel Muj ucet + Odhlasit videt. Legacy css/doppler-all.css:39 `.top-navigation-tools a { display: none }` skryvalo VSECHNY v top-nav-tools (Muj ucet, Odhlasit, Registrace). Default Shoptet ma na .top-nav-button-* font-size 20px + flex-row + prazdne ::before (no icon). Mismatch s .top-nav-button-login ktery je vizualne ok (Shoptet ho styluje jinak). Override: account+logout jednotny vzhled — ikona nahore + maly label dole, matching .top-nav-button-login. 2026-05-16 v1.46: REGISTRACE skryta vsude (uzivatel feedback) — neni v zadnem selektoru, takze legacy `.top-navigation-tools a { display: none }` ji skryva. Mobile/desktop Logged-out: jen Prihlaseni (.top-nav-button-login -