/*  Generated: 2026-10-15 17:57:40 */
/* ============================================================
   Design system — patička nového desktopu (Phase 99 / D7; od D9 TMAVÁ podle obrázku Beneše P1 — vlastník 12. 10.,
   dřív P2 světlá podle R26; obsah obou je stejný, liší se jen tokeny --ds-footer-*)
   D9 (vlastník 12. 10.: „patička je veliká, chtěl bych ji kompaktnější jako mega menu"): písmo a mezery o ~pětinu
   menší (odkazy 17 → 15 px, nadpisy 22 → 18 px, telefon 28 → 22 px). Pole e-mailu zůstává 16 px (iOS zoom při
   fokusu, mobile-touch-discipline.md bod 2), ovládací prvky min. 44 px (dotyk na tabletu).
   Šablona helper/ds-paticka.latte, data BasePresenter::dsPatickaData() + Navigace::renderDsPaticka*.
   Načítá se jen s patičkou ($dsPaticka — nový desktop nebo od D2 tablet v mobilní podobě, a skupina s dsPaticka);
   rozvržení mobile-first podle šířky okna (tablet, zúžené okno notebooku): 1 → 2 sloupce od 768 px → plná
   mřížka od 1200 px. Barvy jen z významových tokenů --ds-footer-* (AR3), tvary --ds-radius-*.
   docs/phase-99-mobilni-redesign/vyzkum-desktop-tablet.md §17.
   ============================================================ */

.ds-paticka {
    clear: both;
    color: var(--ds-footer-fg);
    font-size: 15px;
    line-height: 1.5;
}

.ds-paticka *,
.ds-paticka *::before,
.ds-paticka *::after {
    box-sizing: border-box;
}

/* základ přes :where() — nulová specificita, ať ho třídy prvků níž přebijí (jinak by `.ds-paticka a` vyhrálo
   nad `.ds-paticka__sipka-odkaz`) */
.ds-paticka :where(a) {
    color: inherit;
    text-decoration: none;
}

.ds-paticka a:focus-visible,
.ds-paticka button:focus-visible,
.ds-paticka summary:focus-visible,
.ds-paticka input:focus-visible {
    outline: 2px solid var(--ds-footer-accent);
    outline-offset: 3px;
}

.ds-paticka svg {
    flex-shrink: 0;
}

.ds-paticka :where(h2, p, ul, address) {
    margin: 0;
    padding: 0;
}

/* legacy stylesheet nadpisy barví a zvětšuje — barvu a velikost určují třídy níž */
.ds-paticka :where(h2) {
    color: inherit;
    font-size: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.ds-paticka :where(ul) {
    list-style: none;
}

/* text jen pro čtečky */
.ds-paticka__skryte {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.ds-paticka__vnitrek,
.ds-paticka__sloupce,
.ds-paticka__poradna {
    width: 100%;
    max-width: 1680px;              /* lícuje s obsahem hlavičky (header.css: 1710 − okraje 15 px) */
    margin: 0 auto;
}

/* ---------- pruh „Poradna pro rodiče" ---------- */

.ds-paticka__uvod {
    padding: 24px 15px 20px;
    background: var(--ds-surface);
}

.ds-paticka__poradna {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding: 14px 22px;
    border-radius: var(--ds-radius-card);
    background: var(--ds-footer-intro-bg);
    color: var(--ds-text-primary);
}

.ds-paticka__poradna-ikona {
    width: 36px;
    height: 36px;
    color: var(--ds-link-accent);
}

.ds-paticka__poradna-text {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
}

.ds-paticka__poradna-text strong {
    font-size: 16px;
}

.ds-paticka__poradna-text span {
    color: var(--ds-text-secondary);
}

/* „Přejít do poradny →", „Všechny kontakty →" */
.ds-paticka__sipka-odkaz {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ds-paticka__poradna .ds-paticka__sipka-odkaz {
    color: var(--ds-link-accent);
}

.ds-paticka__sipka-odkaz svg {
    width: 18px;
    height: 18px;
}

/* legacy `a:hover` (stylesheet.css: barva --primary-color, bez podtržení) má vyšší specificitu než `.ds-paticka :where(a)`
   — každý odkaz patičky proto nastavuje barvu i podtržení při najetí sám */
.ds-paticka__sipka-odkaz:hover {
    color: var(--ds-footer-accent);
    text-decoration: underline;
}

.ds-paticka__poradna .ds-paticka__sipka-odkaz:hover {
    color: var(--ds-link-accent);
}

.ds-paticka__sipka-odkaz:hover svg {
    transform: translateX(3px);
}

/* ---------- plocha se sloupci ---------- */

.ds-paticka__hlavni {
    padding: 36px 15px 32px;
    background: var(--ds-footer-bg);
}

/* bez pruhu poradny (e-shop bez blogu) patička začíná plochou se sloupci — oddělit ji od obsahu stránky */
.ds-paticka > .ds-paticka__hlavni:first-child {
    border-top: 1px solid var(--ds-footer-divider);
}

.ds-paticka__uvod + .ds-paticka__hlavni {
    padding-top: 20px;
}

.ds-paticka__sloupce {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}

.ds-paticka__nadpis {
    margin: 0 0 12px;
    color: var(--ds-footer-heading);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
}

.ds-paticka__odkazy {
    display: grid;
    gap: 8px;
}

.ds-paticka__odkaz {
    font-size: 15px;
}

.ds-paticka__odkaz:hover,
.ds-paticka__odkaz.is-active {
    color: var(--ds-footer-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* ---------- S3 (vlastník 15. 10. 2026, vyzkum-desktop-tablet.md § 34, varianta B) — telefon: sloupce odkazů a prodejny
   jako rozbalovací řádky (helper/ds-paticka.latte a navigace/dsPatickaSloupce.latte je obalí <details> jen pro telefon —
   $dsPatickaSbalena; tablet a desktop třídy nemají). Řádek 52 px (dotyk), čára pod každým, šipka se při otevření otočí;
   zákaznická péče pod řádky rozbalená. Odkazy v otevřeném řádku s větší dotykovou plochou (6 px nad i pod). ---------- */
/* řádky vždy pod sebou — i rozložená skládačka (telefon v režimu telefonu, 841 px) by od 768 px dostala 2 sloupce
   mřížky a řádky vedle sebe (dvě třídy: přebije pravidlo @media (min-width: 768px) níž) */
.ds-paticka__sloupce.ds-paticka__sloupce--sbalene {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.ds-paticka__sbaleny {
    border-bottom: 1px solid var(--ds-footer-divider);
}

.ds-paticka__souhrn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    list-style: none;
    cursor: pointer;
}

.ds-paticka__souhrn::-webkit-details-marker {
    display: none;
}

.ds-paticka__souhrn .ds-paticka__nadpis {
    margin: 0;
}

.ds-paticka__souhrn svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: var(--ds-footer-heading);
    transition: transform .2s ease;
}

.ds-paticka__sbaleny[open] > .ds-paticka__souhrn svg {
    transform: rotate(180deg);
}

.ds-paticka__sbaleny[open] {
    padding-bottom: 16px;
}

.ds-paticka__sloupce--sbalene .ds-paticka__odkazy {
    gap: 0;
}

.ds-paticka__sloupce--sbalene .ds-paticka__odkaz {
    display: block;
    padding: 6px 0;
}

.ds-paticka__sloupce--sbalene .ds-paticka__pece {
    padding-top: 28px;
}

@media (prefers-reduced-motion: reduce) {
    .ds-paticka__souhrn svg {
        transition: none;
    }
}

/* prodejna */
.ds-paticka__adresa {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-size: 15px;
}

.ds-paticka__adresa strong {
    margin-bottom: 4px;
}

.ds-paticka__hodiny {
    width: 100%;
    max-width: 320px;
    margin: 12px 0 10px;
    padding-top: 8px;
    border-collapse: collapse;
    border-top: 1px solid var(--ds-footer-divider);
    font-size: 15px;
}

.ds-paticka__hodiny th,
.ds-paticka__hodiny td {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--ds-footer-fg);
    text-align: left;
    font-weight: 400;
}

.ds-paticka__hodiny tr:first-child th,
.ds-paticka__hodiny tr:first-child td {
    padding-top: 14px;
}

.ds-paticka__poznamka {
    margin-bottom: 14px;
    color: var(--ds-footer-muted);
}

.ds-paticka__kontakt {
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;
}

.ds-paticka__kontakt a:hover {
    color: var(--ds-footer-accent);
}

/* „Naplánovat cestu ↗" — obrysová pilulka */
.ds-paticka__cesta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 20px;
    border: 1.5px solid var(--ds-footer-accent);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-footer-accent);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.ds-paticka__cesta svg {
    width: 18px;
    height: 18px;
}

.ds-paticka__cesta:hover {
    background: var(--ds-footer-accent);
    color: var(--ds-footer-cta-fg);
}

/* zákaznická péče */
.ds-paticka__osoba {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.ds-paticka__foto {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    object-fit: cover;
}

.ds-paticka__foto--ikona {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--ds-footer-divider);
    color: var(--ds-footer-accent);
}

.ds-paticka__foto--ikona svg {
    width: 36px;
    height: 36px;
}

.ds-paticka__osoba-text {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.ds-paticka__osoba-text strong {
    font-size: 17px;
}

.ds-paticka__telefon {
    display: block;
    color: var(--ds-footer-phone);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.ds-paticka__email {
    display: block;
    margin-bottom: 8px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ds-paticka__telefon:hover {
    color: var(--ds-footer-phone);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ds-paticka__email:hover {
    color: var(--ds-footer-fg);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ds-paticka__pece .ds-paticka__sipka-odkaz {
    color: var(--ds-footer-accent);
}

/* ---------- pruh newsletteru a sítí ---------- */

.ds-paticka__novinky {
    padding: 22px 15px;
    background: var(--ds-footer-band-bg);
}

.ds-paticka__novinky-vnitrek {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 32px;
}

.ds-paticka__novinky-text {
    flex: 1 1 320px;
}

.ds-paticka__novinky-nadpis {
    color: var(--ds-footer-heading);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.ds-paticka__novinky-text p {
    margin-top: 6px;
    color: var(--ds-footer-muted);
}

/* min-width 0: bez něj se odběr nezúží pod šířku obsahu a v úzkém okně (iPad ve Slide Over 320–368 px, D2) patička
   přetekla do strany o 9–49 px (nález 7B D2) — pole a tlačítko se pak zalomí pod sebe. */
.ds-paticka__odber {
    flex: 1 1 460px;
    min-width: 0;
}

.ds-paticka__formular {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* „Ochrana osobních údajů" pod polem (obrázek P2) */
.ds-paticka__soukromi {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-paticka__soukromi:hover {
    color: var(--ds-footer-accent);
    text-decoration: underline;
}

.ds-paticka__pole {
    flex: 1 1 240px;
    min-width: 0;
    height: 46px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid var(--ds-field-border);
    border-radius: var(--ds-radius-sm);
    background: var(--ds-field-bg);
    color: var(--ds-text-primary);
    font: inherit;
    font-size: 16px;
}

.ds-paticka__odebirat {
    height: 46px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: var(--ds-radius-sm);
    background: var(--ds-footer-cta-bg);
    color: var(--ds-footer-cta-fg);
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.ds-paticka__odebirat:hover {
    color: var(--ds-footer-cta-fg);
    filter: brightness(1.25);
}

.ds-paticka__site-nadpis {
    margin-bottom: 10px;
    color: var(--ds-footer-fg);
    font-size: 17px;
    font-weight: 600;
}

.ds-paticka__site-seznam {
    display: flex;
    gap: 8px;
}

.ds-paticka__site-seznam a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.ds-paticka__site-seznam a:hover {
    color: var(--ds-footer-accent);
}

.ds-paticka__site-seznam svg {
    width: 26px;
    height: 26px;
}

/* ---------- dopravci, platby, měna ---------- */

.ds-paticka__spodek {
    padding: 18px 15px;
    background: var(--ds-footer-bg);
}

.ds-paticka__spodek-vnitrek {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 40px;
}

.ds-paticka__maly-nadpis {
    margin-bottom: 8px;
    color: var(--ds-footer-muted);
    font-size: 14px;
    font-weight: 400;
}

/* dnešní obrázek dopravců tenanta (bibik.sk/hu mají vlastní) */
.ds-paticka__dopravci {
    display: inline-flex;
    align-items: center;
}

.ds-paticka__dopravci img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 30px;
}

.ds-paticka__platby {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 22px;
}

.ds-paticka__znacka svg {
    display: block;
    width: auto;
    height: 24px;
}

/* viewBox značek je oříznutý na obrys — šířka podle poměru stran */
.ds-paticka__znacka--mastercard svg { width: 43px; }
.ds-paticka__znacka--visa svg { width: 62px; height: 20px; }
.ds-paticka__znacka--applepay svg { width: 40px; height: 26px; }
.ds-paticka__znacka--googlepay svg { width: 55px; height: 22px; }

/* texty plateb jedna položka „Převodem · Dobírkou" (S3: oddělovač visel jako ::before před další položkou a při zalomení
   řady na telefonu zůstal sám na začátku řádku) */
.ds-paticka__platba-text {
    color: var(--ds-footer-muted);
}

.ds-paticka__platba-oddelovac {
    margin: 0 2px;
}

/* přepínač měny „Česko · CZK" (jen e-shop s přepínáním měny) */
.ds-paticka__mena {
    position: relative;
    margin-left: auto;
}

.ds-paticka__mena-tlacitko {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 18px;
    border: 1px solid var(--ds-footer-divider);
    border-radius: var(--ds-radius-pill);
    cursor: pointer;
    list-style: none;
}

.ds-paticka__mena-tlacitko::-webkit-details-marker {
    display: none;
}

.ds-paticka__mena-tlacitko svg {
    width: 18px;
    height: 18px;
}

.ds-paticka__mena[open] .ds-paticka__mena-tlacitko svg {
    transform: rotate(180deg);
}

.ds-paticka__mena-seznam {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    min-width: 100%;
    padding: 8px;
    border: 1px solid var(--ds-footer-divider);
    border-radius: var(--ds-radius-sm);
    background: var(--ds-footer-band-bg);
    box-shadow: var(--ds-shadow-raised);
}

.ds-paticka__mena-seznam a,
.ds-paticka__mena-seznam span {
    display: block;
    padding: 10px 14px;
    border-radius: var(--ds-radius-sm);
    white-space: nowrap;
}

.ds-paticka__mena-seznam a:hover {
    background: var(--ds-footer-bg);
    color: var(--ds-footer-accent);
}

.ds-paticka__mena-seznam .zvolena {
    color: var(--ds-footer-accent);
    font-weight: 600;
}

/* ---------- právní lišta ---------- */

.ds-paticka__pravni {
    padding: 0 15px 20px;
    background: var(--ds-footer-bg);
    color: var(--ds-footer-muted);
    font-size: 14px;
}

.ds-paticka__pravni-vnitrek {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 28px;
    padding-top: 14px;
    border-top: 1px solid var(--ds-footer-divider);
}

/* Doprava (vedle copyrightu) až od 1025 px, kde se vejdou do jeho řádku — pod tím (tablet na výšku, D2) by se
   zalomily na vlastní řádek a ujely k pravému okraji, mezi řádky zarovnané vlevo (změřeno 11. 10.: 712–1024 px). */
.ds-paticka__pravni-odkazy {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 28px;
}

.ds-paticka__pravni a:hover {
    color: var(--ds-footer-fg);
    text-decoration: underline;
}

.ds-paticka__autori a strong {
    color: var(--ds-footer-fg);
}

/* ---------- šířky ---------- */

@media (min-width: 768px) {
    .ds-paticka__sloupce {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1025px) {
    .ds-paticka__pravni-odkazy {
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    /* obrázek P2: dva sloupce odkazů, prodejna, širší zákaznická péče */
    .ds-paticka__sloupce--prodejny-1 {
        grid-template-columns: minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.05fr) minmax(0, 1.35fr);
    }

    /* goldex: dvě prodejny vedle sebe — pět sloupců, užší nadpisy a tlačítko */
    .ds-paticka__sloupce--prodejny-2 {
        grid-template-columns: minmax(0, .85fr) minmax(0, .85fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
        gap: 32px;
    }

    .ds-paticka__sloupce--prodejny-2 .ds-paticka__nadpis {
        font-size: 17px;
    }

    /* při 1200 px má sloupec prodejny ~210 px — tlačítko se zalomit nesmí (7B D7: o 8 px přes okraj) */
    .ds-paticka__sloupce--prodejny-2 .ds-paticka__cesta {
        gap: 6px;
        padding: 10px 14px;
        font-size: 14px;
    }

    .ds-paticka__sloupce--prodejny-0 {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr);
    }

    .ds-paticka__novinky-vnitrek {
        flex-wrap: nowrap;
    }

    .ds-paticka__site {
        padding-left: 32px;
        border-left: 1px solid var(--ds-footer-divider);
    }
}