/*  Generated: 2026-10-29 13:12:57 */
/* Phase 99 / E27d — prvek „spodni-menu": vizuální sjednocení spodního menu na telefonu (zadání P. Beneše 28. 10. 2026:
   „Zachováváme jeho výšku, hnědé podbarvení a pět položek. Ikony a popisky jsou černé, bez oddělovacích linek.
   Prostřední košík je zvýrazněný zeleným kruhem a používá stejnou bílou ikonu nákupní tašky i označení počtu položek
   jako košík v horní hlavičce."). Výška (--ds-bottom-nav-h) a podklad (--ds-surface-muted) z bottom-nav.css beze změny;
   oddělovače nemá ani dnešní menu. Kruh 36 px (hlavička 40 px) — 36 + mezera + popisek se vejde do 56 px. */
.ds-bottom-nav {
    color: var(--ds-text-primary);
}
.ds-bottom-nav__item:hover,
.ds-bottom-nav__item:focus,
.ds-bottom-nav__item--cart,
.ds-bottom-nav__item--cart:hover,
.ds-bottom-nav__item--cart:focus,
.ds-bottom-nav__item--accent,
.ds-bottom-nav__item--accent:hover,
.ds-bottom-nav__item--accent:focus {
    color: var(--ds-text-primary);
}
.ds-bottom-nav__icon--kruh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: -6px 0 -3px;
    border-radius: var(--ds-radius-pill);
    background: var(--ds-action-primary-bg);
    color: var(--ds-action-primary-fg);
}
.ds-bottom-nav__item .ds-bottom-nav__icon--kruh svg {
    width: 20px;
    height: 20px;
}
/* odznak jako v hlavičce (.ds-header__badge): u kraje kruhu s obrysem v barvě podkladu menu */
.ds-bottom-nav__icon--kruh .ds-bottom-nav__badge {
    top: -4px;
    right: -6px;
    border: 2px solid var(--ds-surface-muted);
    line-height: 14px;
}