/**
 * Template 2026-001 — Hlavička: v3 „Vycentrované logo, žlutý topbar"
 *
 * Krok 152 dle uživatelského screenshotu:
 * - Row 1: žlutý slim topbar 34 px (Doprava zdarma vlevo | phone + email + Kč EUR vpravo)
 * - Row 2: bílý header padding 22 30, grid 1fr auto 1fr:
 *   Levá: pill search (#f3f4f6) height 48, ŽLUTÝ round button 38x38
 *   Střed: LOGO CENTROVANÉ (jádrový fallback)
 *   Pravá: Účet (šedá pill) + Košík (dark pill)
 * - Row 3: bílý nav 52 px, kategorie CENTROVANÉ, hover žlutý underline
 *
 * Vše scoped v .hlavicka-v3. Přebíjí jádrové:
 * - sablona.css:277 div#hlavicka { background: primary } → #fff
 * - sablona.css:282 div#hlavicka_obsah { padding/min-height } → reset
 * - sablona.css:335 .tpl-header-search { max-width; margin } → reset
 * - sablona.css:903 .slide_menu:hover { background: menu-hover-bg } → transparent
 *
 * ── DARK-MODE (role B, krok 1) ────────────────────────────────────────────
 * Natvrdo zadané barvy převedeny na existující `--tpl-*` proměnné, jejichž
 * DEFAULT = původní hodnota → světlý režim beze změny; preset „Tmavá" je přepne.
 *   bílé plochy headeru → --tpl-content-bg (#fff → #1e2128)
 *   bílý nav / podkat pruh → --tpl-menu-bg (#fff → #1e2128)
 *   tmavý text na bílé → --tpl-text / --tpl-menu-text (topbar na ŽLUTÉ zůstává tmavý!)
 *   šedé pilulky → --tpl-surface-2 / -3 ; košík → --tpl-header-cart-bg(+-hover)
 *   separátory #f0f0f0 → --tpl-card-border
 *   ikona uživatele: mask + background-color:var(--tpl-text) (SVG na ztmavené
 *     pilulce by jinak zmizela — mask ji přebarví dle režimu)
 * Vědomě PONECHÁNO (funguje v obou režimech): žlutý topbar + jeho tmavý text a
 *   tmavá SVG, žlutá search/hledat tlačítka, bílý text+ikona košíku, #fffbe6 hover
 *   tint (+ jeho tmavý text), #d0d0d0 rámeček chipů, native <option> currency.
 */

div#hlavicka.hlavicka-v3 {
    background: var(--tpl-content-bg) !important;
    font-family: var(--tpl-font);
    color: var(--tpl-text);
}
.hlavicka-v3 a { color: var(--tpl-text); text-decoration: none; }
.hlavicka-v3 a:hover { color: var(--tpl-link); }

/* ================================================================
   ROW 1: žlutý slim topbar
   ================================================================ */
.hlavicka-v3 .tpl-v3-topbar {
    background: var(--tpl-cta-bg, #FFD400);
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
.hlavicka-v3 .tpl-v3-topbar-inner {
    max-width: var(--tpl-max-width, 1800px);
    margin: 0 auto;
    padding: 4px 30px;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--tpl-cta-text);
}
.hlavicka-v3 .tpl-v3-topbar-left { display: flex; align-items: center; flex: 1; min-width: 0; }
.hlavicka-v3 .tpl-v3-topbar-shipping { font-size: 13px; font-weight: 600; color: var(--tpl-cta-text); }
.hlavicka-v3 .tpl-v3-topbar-shipping .doprava_zdarma {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.hlavicka-v3 .tpl-v3-topbar-shipping .doprava_zdarma .red { font-weight: 700; }
.hlavicka-v3 .tpl-v3-topbar-right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: none;
    font-size: 12px;
}
.hlavicka-v3 .tpl-v3-topbar-right a {
    color: var(--tpl-cta-text);
    font-weight: 500;
    text-decoration: none;
    font-size: 12px;
}
.hlavicka-v3 .tpl-v3-topbar-right a:hover { opacity: 0.75; }
.hlavicka-v3 .tpl-v3-topbar-sep {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: rgba(0,0,0,0.25);
}
/* Currency <select> — kompaktní dropdown se šipkou. SVG šipka jako
   background-image, žlutý topbar background transparent aby ladil. */
.hlavicka-v3 .tpl-v3-currency-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23141414" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>') right 2px center/12px 12px no-repeat;
    border: 0;
    outline: 0;
    padding: 0 18px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--tpl-cta-text);
    cursor: pointer;
    line-height: 1;
    height: 20px;
    font-family: inherit;
}
.hlavicka-v3 .tpl-v3-currency-select:focus { outline: 0; box-shadow: none; }
.hlavicka-v3 .tpl-v3-currency-select option { background: #fff; color: var(--tpl-cta-text); font-weight: 500; }

/* ================================================================
   ROW 2: bílý header — 3-column grid s LOGEM CENTROVANÝM
   Přebíjí jádrové div#hlavicka_obsah pravidla ze sablona.css:282.
   ================================================================ */
div#hlavicka_obsah.tpl-v3-header {
    background: var(--tpl-content-bg) !important;
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
}
.hlavicka-v3 .tpl-v3-header-inner {
    max-width: var(--tpl-max-width, 1800px);
    margin: 0 auto;
    padding: 22px 30px;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
}

/* LEFT: pill search se ŽLUTÝM round buttonem. Přebíjí jádrové
   .tpl-header-search { max-width: 560; margin: 0 20 0 40 } ze sablona.css:335. */
.hlavicka-v3 .tpl-v3-header-search {
    justify-self: start;
    width: 100%;
    max-width: 360px !important;
    margin: 0 !important;
    background: var(--tpl-surface-2);
    border-radius: 999px;
    padding: 0 5px 0 20px;
    height: 48px;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.hlavicka-v3 .tpl-v3-header-search form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    gap: 4px;
}
/* Krok 155b: reset jádrových `#hlavicka_fulltext_form` container stylů
   (sablona.css:349 background/border/border-radius/height). Bez tohoto
   resetu se pill styling duplikuje na dvou úrovních (naše `.tpl-v3-header-
   search` + jádrový form) a input má viditelný border 1px rgba(0,0,0,.08). */
.hlavicka-v3 #hlavicka_fulltext_form {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 100% !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.hlavicka-v3 #hlavicka_fulltext_form:focus-within {
    border: 0 !important;
    box-shadow: none !important;
}
/* Krok 156a: skrýt jádrovou lupu :after overlay (sablona.css:413)
   — v3 už má vlastní žlutý SVG lupa button vpravo, jádrová Font Awesome
   ikona se dublovala navrchu. */
.hlavicka-v3 #hlavicka_fulltext_form:after,
.hlavicka-v3 #hlavicka_fulltext_form::after {
    content: none !important;
    display: none !important;
}
/* Input reset — přebijí sablona.css:6997 globální input[type=text] pravidlo
   (border 1px solid #ddd, border-radius, padding, background #fff). */
.hlavicka-v3 .tpl-v3-header-search input[type="text"],
.hlavicka-v3 .tpl-v3-header-search input#fulltext_text,
.hlavicka-v3 .tpl-v3-header-search input.input_text,
.hlavicka-v3 #hlavicka_fulltext_form input#fulltext_text,
.hlavicka-v3 #hlavicka_fulltext_form input.input_text {
    flex: 1 1 auto;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 15px !important;
    padding: 0 !important;
    color: var(--tpl-text) !important;
    box-shadow: none !important;
    min-width: 0;
    box-sizing: border-box;
    vertical-align: middle;
    font-family: inherit;
}
.hlavicka-v3 .tpl-v3-header-search input[type="text"]:focus,
.hlavicka-v3 .tpl-v3-header-search input#fulltext_text:focus,
.hlavicka-v3 .tpl-v3-header-search input.input_text:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.hlavicka-v3 .tpl-v3-header-search input[type="text"]::placeholder { color: #9aa0a6; }
/* ID selector `#hlavicka_fulltext_form input[type=submit]` z sablona.css:387
   má vyšší specificity (1 ID) než 3 class selectors — musíme použít ID
   v našem selektoru abychom přebili. */
.hlavicka-v3 .tpl-v3-header-search input[type="submit"],
.hlavicka-v3 .tpl-v3-header-search input.submit.button,
.hlavicka-v3 .tpl-v3-header-search input.button.submit,
.hlavicka-v3 .tpl-v3-header-search #hlavicka_fulltext_form input[type="submit"],
.hlavicka-v3 #hlavicka_fulltext_form input[type="submit"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;
    align-self: center !important;    /* nestretchovat na výšku pillu → zůstane čtverec */
    border-radius: 50% !important;    /* kolečko okolo lupy (na přání) */
    background: var(--tpl-cta-bg, #FFD400) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23141414" stroke-width="2.4" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></svg>') center/16px 16px no-repeat !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 40px !important;
    vertical-align: middle;
    text-indent: -9999px;
}

/* CENTER: LOGO VYCENTROVANÉ */
.hlavicka-v3 .tpl-v3-header-logo {
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    max-width: none;
}
.hlavicka-v3 .tpl-v3-header-logo a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--tpl-text);
}
.hlavicka-v3 .tpl-v3-header-logo img { max-height: 56px; width: auto; display: block; }
.hlavicka-v3 .tpl-v3-header-logo .tpl-header-shop-name {
    font-size: 26px;
    font-weight: 800;
    color: var(--tpl-text);
    letter-spacing: -.02em;
}
.hlavicka-v3 .tpl-v3-header-logo .tpl-header-text-logo {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.1;
    text-decoration: none;
}
.hlavicka-v3 .tpl-v3-header-logo .tpl-header-shop-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: var(--tpl-text);
    opacity: .7;
    margin-top: 2px;
}

/* RIGHT: Účet (šedá pill) + Košík (dark pill) */
.hlavicka-v3 .tpl-v3-header-right {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* USER PILL — jádrová struktura: <ul><li><a>Přihlásit se</a></li></ul>. */
.hlavicka-v3 .tpl-v3-user,
.hlavicka-v3 .hlavicka_modul_uzivatel,
.hlavicka-v3 .hlavicka_modul_uzivatel2 { display: inline-flex; align-items: center; }
.hlavicka-v3 .tpl-v3-user ul,
.hlavicka-v3 .hlavicka_modul_uzivatel ul,
.hlavicka-v3 .hlavicka_modul_uzivatel2 ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    gap: 8px !important;
    align-items: center;
}
.hlavicka-v3 .tpl-v3-user ul li,
.hlavicka-v3 .hlavicka_modul_uzivatel ul li,
.hlavicka-v3 .hlavicka_modul_uzivatel2 ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex;
}
.hlavicka-v3 .tpl-v3-user ul li a,
.hlavicka-v3 .hlavicka_modul_uzivatel ul li a,
.hlavicka-v3 .hlavicka_modul_uzivatel2 ul li a {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: var(--tpl-surface-2) !important;
    color: var(--tpl-text) !important;
    text-decoration: none !important;
    height: 46px;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: background 0.15s;
    white-space: nowrap;
    box-sizing: border-box;
    border: none !important;
}
.hlavicka-v3 .tpl-v3-user ul li a:hover,
.hlavicka-v3 .hlavicka_modul_uzivatel ul li a:hover,
.hlavicka-v3 .hlavicka_modul_uzivatel2 ul li a:hover { background: var(--tpl-surface-3) !important; }
/* Ikona uživatele: mask (ne background-image) + background-color:var(--tpl-text),
   aby se přebarvila dle režimu — na ztmavené pilulce (surface-2) by tmavé SVG
   jinak zmizelo. Světlý režim: --tpl-text #333 ~ původní #141414 (needitelně). */
.hlavicka-v3 .tpl-v3-user ul li a::before,
.hlavicka-v3 .hlavicka_modul_uzivatel ul li a::before,
.hlavicka-v3 .hlavicka_modul_uzivatel2 ul li a::before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: var(--tpl-text);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.6"/><path d="M5 20c0-3.6 3.1-5.5 7-5.5s7 1.9 7 5.5"/></svg>') center/contain no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.6"/><path d="M5 20c0-3.6 3.1-5.5 7-5.5s7 1.9 7 5.5"/></svg>') center/contain no-repeat;
    flex: none;
}

/* === #6: přihlášená hlavička — sbalený účet („Můj účet" pilulka + dropdown).
   JS (_body_all.latte) přestaví jádrové <ul><li> na .tpl-acc. Řeší dvě matoucí
   pilulky (nick + odhlásit) se stejnou ikonou osoby. === */
.hlavicka-v3 .tpl-acc { position: relative; display: inline-flex; }
.hlavicka-v3 .tpl-acc-trigger {
    display: inline-flex; align-items: center; gap: 8px;
    height: 46px; padding: 0 16px;
    background: var(--tpl-surface-2); color: var(--tpl-text);
    border: none; border-radius: 999px;
    font-size: 14px; font-weight: 600; font-family: var(--tpl-font);
    cursor: pointer; white-space: nowrap; box-sizing: border-box;
    transition: background 0.15s;
}
.hlavicka-v3 .tpl-acc-trigger:hover,
.hlavicka-v3 .tpl-acc.tpl-open .tpl-acc-trigger { background: var(--tpl-surface-3); }
.hlavicka-v3 .tpl-acc-caret {
    width: 10px; height: 10px; flex: none;
    background-color: var(--tpl-text);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 10l5 5 5-5z"/></svg>') center/contain no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 10l5 5 5-5z"/></svg>') center/contain no-repeat;
    transition: transform 0.15s;
}
.hlavicka-v3 .tpl-acc.tpl-open .tpl-acc-caret { transform: rotate(180deg); }
/* Ikony user / exit (mask → přebarvení dle režimu). */
.hlavicka-v3 .tpl-acc-ico { width: 18px; height: 18px; flex: none; background-color: var(--tpl-text); }
.hlavicka-v3 .tpl-acc-ico--user {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.6"/><path d="M5 20c0-3.6 3.1-5.5 7-5.5s7 1.9 7 5.5"/></svg>') center/contain no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.6"/><path d="M5 20c0-3.6 3.1-5.5 7-5.5s7 1.9 7 5.5"/></svg>') center/contain no-repeat;
}
.hlavicka-v3 .tpl-acc-ico--exit {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>') center/contain no-repeat;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>') center/contain no-repeat;
}
/* Dropdown panel. */
.hlavicka-v3 .tpl-acc-panel {
    position: absolute; top: calc(100% + 8px); right: 0;
    min-width: 230px; padding: 8px;
    background: var(--tpl-content-bg, #fff);
    border: 1px solid var(--tpl-card-border);
    border-radius: var(--tpl-border-radius);
    box-shadow: var(--tpl-shadow);
    display: none; z-index: 1200;
}
.hlavicka-v3 .tpl-acc.tpl-open .tpl-acc-panel { display: block; }
.hlavicka-v3 .tpl-acc a::before { content: none !important; }   /* zrušit jádrovou ::before ikonu na odkazech */
.hlavicka-v3 .tpl-acc-item {
    display: flex !important; align-items: center; gap: 10px;
    height: auto !important; padding: 10px 12px !important;
    background: transparent !important; border: 0 !important;
    border-radius: calc(var(--tpl-border-radius) - 2px) !important;
    color: var(--tpl-text) !important; text-decoration: none !important;
    font-size: 14px !important; font-weight: 500 !important; white-space: nowrap;
}
.hlavicka-v3 .tpl-acc-item:hover { background: var(--tpl-surface-2) !important; }
.hlavicka-v3 .tpl-acc-logout {
    margin-top: 4px; padding-top: 12px !important;
    border-top: 1px solid var(--tpl-card-border) !important;
    color: var(--tpl-stav-chyba) !important;
}
.hlavicka-v3 .tpl-acc-logout .tpl-acc-ico { background-color: var(--tpl-stav-chyba); }
.hlavicka-v3 .tpl-acc-logout:hover { background: rgba(200, 0, 0, 0.06) !important; }

/* CART PILL — jádrová: <div.wrapper><span.pocet><a><span.cena></span></a></div>.
   Celý wrapper klikatelný (jádro inline jQuery). Tmavá pilulka v obou režimech
   (--tpl-header-cart-bg: světle #222 → Tmavá #33373f) → bílý text/ikona sedí. */
.hlavicka-v3 .tpl-v3-cart,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3 {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: var(--tpl-header-cart-bg);
    color: #fff !important;
    height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    box-sizing: border-box;
}
.hlavicka-v3 .tpl-v3-cart:hover,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku:hover,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2:hover,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3:hover { background: var(--tpl-header-cart-bg-hover); }
.hlavicka-v3 .tpl-v3-cart::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9.5" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/><path d="M3 4h2.2l2.2 11.5h11l1.8-8H6.2"/></svg>') center/contain no-repeat;
    flex: none;
}
.hlavicka-v3 .tpl-v3-cart .pocet_polozek_v_kosiku,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku .pocet_polozek_v_kosiku,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2 .pocet_polozek_v_kosiku,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3 .pocet_polozek_v_kosiku { display: none !important; }
.hlavicka-v3 .tpl-v3-cart > a,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku > a,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2 > a,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3 > a {
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
}
.hlavicka-v3 .tpl-v3-cart .kosik_cena_s_dph,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku .kosik_cena_s_dph,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2 .kosik_cena_s_dph,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3 .kosik_cena_s_dph {
    color: #fff !important;
    font-weight: 700;
}

/* #7: košík měl 2 ikony. Base Font Awesome glyf (\f290) na vnitřním <a>
   (sablona.css:935) se na desktopu kreslil VEDLE v3 SVG ikony na obalu
   (.tpl-v3-cart::before). Na úzké šířce je vnitřní <a> skryté → 1 ikona, na
   desktopu obě. V3 SVG na obalu je bez media query (všechny šířky), takže
   base ikonu na <a> pod v3 potlačíme — zůstane jen konzistentní v3 SVG. */
.hlavicka-v3 .tpl-v3-cart > a::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku > a::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku2 > a::before,
.hlavicka-v3 .hlavicka_modul_obsah_kosiku3 > a::before { content: none !important; }

/* Burger */
.hlavicka-v3 .tpl-burger-icon {
    display: none;
    cursor: pointer;
    padding: 8px 10px;
    font-size: 18px;
    color: var(--tpl-text);
}

/* ================================================================
   ROW 3: bílý nav CENTROVANÝ — hover žlutý underline
   Krok 156b: sjednoceno s v2 — bez fixed height, bez negative margin,
   jednoduchý padding + border-bottom transition (žádné skoky).
   ================================================================ */
.hlavicka-v3 .tpl-v3-catmenu {
    background: var(--tpl-menu-bg);
    border-top: 1px solid var(--tpl-card-border);
    width: 100%;
}
.hlavicka-v3 .tpl-v3-catmenu-inner {
    max-width: var(--tpl-max-width, 1800px);
    margin: 0 auto;
    padding: 0 30px;
    font-size: 14px;
}
/* Kategorie na JEDEN řádek — JS "Další ☰" dropdown zbylé přesune do
   overflow menu (viz `hlavicka--v3.latte`). Krok 157/158/159.

   Krok 158: justify-content: flex-start (ne center) aby JS reflow()
   detekovala overflowing items podle itemRect.right > rowRect.right.

   Krok 159: nowrap/overflow:hidden jen na `#menu_kategorie_hlavni`
   (kontejner s kategorie itemy). NA `#menu_kategorie` nechat wrap +
   visible — jinak jeho druhý child `#menu_podkategorie_hlavni` (JS-
   populated podkategorie bar) skončí VPRAVO od rowWrapperu místo POD
   ním na dalším řádku. */
.hlavicka-v3 .tpl-v3-catmenu div#menu_kategorie {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    justify-content: flex-start !important;
    width: 100%;
    max-width: none;
    gap: 0;
}
.hlavicka-v3 .tpl-v3-catmenu div#menu_kategorie div#menu_kategorie_hlavni {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
    width: 100%;
    max-width: none;
    gap: 0;
    flex: 1 1 100%;
}

/* Další (hamburger) dropdown — sjednocený vzhled s ostatními kategoriemi. */
.hlavicka-v3 .tpl-cat-dalsi > a.tpl-cat-dalsi-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 12px 16px !important;
    color: var(--tpl-menu-text) !important;
    background: transparent !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 3px solid transparent !important;
    transition: color 0.15s, border-color 0.15s;
    cursor: pointer;
}
.hlavicka-v3 .tpl-cat-dalsi > a.tpl-cat-dalsi-toggle:hover {
    border-bottom-color: var(--tpl-primary, #FFD400) !important;
}
.hlavicka-v3 .tpl-dalsi-dropdown a:hover {
    background: var(--tpl-primary-tint) !important;
    color: var(--tpl-text) !important;
}

/* Kategorie jako v2 — jednoduchý padding + border-bottom underline. */
.hlavicka-v3 .tpl-v3-catmenu a,
.hlavicka-v3 .tpl-v3-catmenu a.slide_menu {
    background: transparent !important;
    border-bottom: 3px solid transparent !important;
    transition: color 0.15s, border-color 0.15s;
    color: var(--tpl-menu-text) !important;
    text-decoration: none;
}
.hlavicka-v3 .tpl-v3-catmenu a:hover,
.hlavicka-v3 .tpl-v3-catmenu a.slide_menu:hover {
    background: transparent !important;
    border-bottom-color: var(--tpl-primary, #FFD400) !important;
    color: var(--tpl-menu-text) !important;
}
.hlavicka-v3 .tpl-v3-catmenu a.aktivni,
.hlavicka-v3 .tpl-v3-catmenu a.slide_menu.aktivni,
.hlavicka-v3 .tpl-v3-catmenu a.slide_menu_aktivni,
.hlavicka-v3 .tpl-v3-catmenu li.aktivni > a {
    background: transparent !important;
    border-bottom-color: var(--tpl-primary, #FFD400) !important;
    color: var(--tpl-menu-text) !important;
    font-weight: 700 !important;
}

/* Krok 155c: podkategorie #menu_podkategorie_hlavni — dropdown JS-injected
   `<a>` linky. Musí mít VYŠŠÍ specificity než `.tpl-v3-catmenu a` (které
   dělá underline hover). ID selektor `#menu_podkategorie_hlavni` má
   specificity (0,1,x,x) — přebijí catmenu pravidlo (0,0,x,x).
   Default: full 2px šedý rámeček. Hover: full žlutý rámeček + glow.
   Dark-mode: pruh = --tpl-menu-bg, chip = --tpl-card-bg + text --tpl-text;
   #d0d0d0 rámeček ponechán (viditelný na světlé i tmavé); #fffbe6 hover tint
   je brand-highlight (+ tmavý text) → čitelný i v Tmavé, ponechán. */
.hlavicka-v3 #menu_podkategorie_hlavni {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 10px 15px !important;
    justify-content: center !important;
    background: var(--tpl-menu-bg) !important;
    border-top: 1px solid var(--tpl-card-border) !important;
    width: 100%;
    max-width: var(--tpl-max-width, 1800px);
    margin: 0 auto !important;
    box-sizing: border-box;
}
.hlavicka-v3 #menu_podkategorie_hlavni a {
    display: inline-block !important;
    padding: 6px 14px !important;
    color: var(--tpl-text) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: var(--tpl-card-bg) !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: var(--tpl-border-radius, 8px) !important;
    transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s !important;
    white-space: nowrap !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.hlavicka-v3 #menu_podkategorie_hlavni a:hover {
    background: var(--tpl-primary-tint) !important;
    border-color: var(--tpl-primary, #FFD400) !important;
    color: var(--tpl-text) !important;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--tpl-primary) 15%, transparent) !important;
}
.hlavicka-v3 #menu_podkategorie_hlavni a.aktivni {
    background: var(--tpl-primary-tint) !important;
    border-color: var(--tpl-primary, #FFD400) !important;
    color: var(--tpl-text) !important;
    font-weight: 600 !important;
}

/* --- Responsive --- */
@media (max-width: 1100px) {
    .hlavicka-v3 .tpl-v3-header-inner { gap: 12px; }
    .hlavicka-v3 .tpl-v3-header-search { max-width: 260px !important; }
    .hlavicka-v3 .tpl-v3-header-logo .tpl-header-shop-name { font-size: 22px; }
}
@media (max-width: 768px) {
    .hlavicka-v3 .tpl-v3-topbar { display: none; }
    /* Mobil: flex-wrap místo gridu — logo vlevo, skupina ikon (účet/košík/hamburger/vlajka)
       vedle něj vpravo. Když se ikony vedle loga NEVEJDOU, flex-wrap je zalomí na vlastní
       řádek POD logo (margin-left:auto je drží vpravo). Search je vždy plná šířka na vlastním
       řádku (flex-basis 100%); box-sizing:border-box drží šířku uvnitř paddingu (dřív
       grid-column 1/-1 lezl přes pravý okraj → žlutá lupa uříznutá u kraje). */
    .hlavicka-v3 .tpl-v3-header-inner {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        padding: 12px;
        gap: 10px 12px;
    }
    .hlavicka-v3 .tpl-v3-header-logo { order: 1; justify-self: auto; }
    .hlavicka-v3 .tpl-v3-header-right { order: 2; justify-self: auto; margin-left: auto; }
    .hlavicka-v3 .tpl-v3-header-search {
        order: 3;
        flex: 1 1 100%;
        width: 100%;
        max-width: none !important;
    }
    .hlavicka-v3 .tpl-v3-header-logo img { max-height: 40px; }
    .hlavicka-v3 .tpl-v3-header-logo .tpl-header-shop-name { font-size: 18px; }
    .hlavicka-v3 .tpl-v3-user ul li a,
    .hlavicka-v3 .hlavicka_modul_uzivatel ul li a,
    .hlavicka-v3 .hlavicka_modul_uzivatel2 ul li a { padding: 0 !important; width: 46px; height: 46px; justify-content: center; align-items: center; gap: 0 !important; font-size: 0 !important; }
    .hlavicka-v3 .tpl-v3-cart,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku2,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku3 { padding: 0; width: 46px; justify-content: center; font-size: 0; }
    .hlavicka-v3 .tpl-v3-cart > a,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku > a,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku2 > a,
    .hlavicka-v3 .hlavicka_modul_obsah_kosiku3 > a { display: none; }
    .hlavicka-v3 .tpl-burger-icon { display: inline-flex; }
    .hlavicka-v3 .tpl-v3-catmenu { display: none; }
}