/* Doplňky k vzhled.css (B1) pro běžící e-shop (E1, 30. 9. 2026).
   vzhled.css se nemění; tady jen: písmo nikde pod 15 px, hledání na mobilu, chybové hlášky. */

/* písmo nikde pod 15 px */
.pruh-info, .drobecky, .podkategorie a, .skladem, .kod, .kroky, .vyhody div, .odebrat,
.qr .kod-qr, .paticka .spodek, .stitek, .nenapadne { font-size: 15px; }
.ikona-kosik .pocet { font-size: 15px; min-width: 24px; height: 24px; border-radius: 12px; top: -9px; left: 15px; }
.ikona-kosik .pocet[hidden] { display: none; }
.stitek + .stitek { top: 40px; }

/* skok na obsah pro klávesnici */
.preskocit { position: absolute; left: -9999px; top: 0; }
.preskocit:focus { left: 8px; top: 8px; z-index: 100; background: #fff; padding: 8px 12px; border-radius: 8px; }

/* hlavička: logo se nesmí smrsknout, hledání na mobilu jako ikona */
.logo { flex: none; }
.ikona-hledat { display: inline-flex; color: var(--fialova); margin-left: auto; padding: 8px; }
.ikona-hledat svg { width: 26px; height: 26px; }
.ikona-hledat + .ikona-kosik { margin-left: 8px; }
@media (min-width: 900px) { .ikona-hledat { display: none; } .ikona-hledat + .ikona-kosik { margin-left: auto; } }
.ikona-kosik .soucet:empty { display: none; }
@media (max-width: 420px) { .ikona-kosik .soucet { display: none; } }

/* velké hledání na stránce hledání a 404 */
.hledani-velke { display: flex; gap: 8px; margin: 8px 0 12px; }
.hledani-velke input { flex: 1; min-width: 0; height: 48px; border: 1px solid var(--cara); border-radius: 999px; padding: 0 18px; font: inherit; background: var(--bila); }
.hledani-velke .tlacitko { flex: none; }

/* mřížka a dlaždice: dlouhé názvy nesmí roztáhnout stránku */
.mrizka > * { min-width: 0; }
.dlazdice .nazev { overflow-wrap: anywhere; }
.dlazdice[hidden] { display: none; }
.prazdny[hidden] { display: none; }
.nastroje [data-pocet] { margin-left: auto; }

/* detail: štítky přes hlavní fotku, popis ze Shoptetu */
.galerie .hlavni { position: relative; }
.galerie .hlavni .stitky .stitek { z-index: 1; }
.galerie .nahledy { flex-wrap: wrap; }
.popis { overflow-wrap: anywhere; }
.popis img, .text-stranky img { height: auto; }
.popis iframe, .text-stranky iframe { max-width: 100%; }
.popis table, .text-stranky table { display: block; max-width: 100%; overflow-x: auto; }
.pole.varianta select { max-width: 100%; }
.mnozstvi button[disabled], .mnozstvi input[disabled] { opacity: .45; cursor: not-allowed; }
.text-stranky { background: var(--bila); border-radius: var(--zaobleni); box-shadow: var(--stin); padding: 20px 16px; overflow-wrap: anywhere; }
@media (min-width: 900px) { .text-stranky { padding: 32px 40px; } }

/* košík a objednávka */
.polozka > div { min-width: 0; }
.polozka .nazev a { color: inherit; text-decoration: none; }
.polozka .poznamka { color: var(--akce); font-size: 15px; margin-top: 4px; }
.kosik .souhrn p { margin: 12px 0 0; }
.objednavka .blok + .blok { margin-top: 16px; }
.blok h3 { font-size: 20px; margin-top: 10px; }
.skryty-nadpis { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.souhrn-polozky { border-bottom: 1px solid var(--cara); margin-bottom: 6px; padding-bottom: 6px; }
.souhrn-polozky .radek { font-size: 15px; gap: 10px; }
.souhrn-polozky .radek span:first-child { overflow-wrap: anywhere; }
.souhrn-polozky .radek span:last-child { white-space: nowrap; }
.chyba { background: #fde8ef; color: #8a1040; border-radius: var(--zaobleni-male); padding: 10px 12px; font-weight: 700; margin: 10px 0; }
.chyba[hidden] { display: none; }
.pole.spatne input, .pole.spatne select { border-color: var(--akce); outline: 2px solid var(--akce); }
.pole .hlaska { color: #8a1040; font-size: 15px; }
.souhlas.spatne { color: #8a1040; }
.misto { margin: -2px 0 10px; }
.misto p { margin: 0 0 6px; }
.volba .vpravo:empty { display: none; }
.tlacitko.ceka { opacity: .7; pointer-events: none; }
@media (max-width: 899px) { .souhrn { position: static; } }

/* platba: vykreslený QR */
.qr .kod-qr.hotovy { border: 0; background: #fff; }
.qr .kod-qr svg { width: 100%; height: 100%; display: block; }
.zalomit { overflow-wrap: anywhere; }
.udaje td { overflow-wrap: anywhere; }
.tlacitko.spatne { box-shadow: inset 0 0 0 2px var(--akce); color: var(--akce); }
.volba.nedostupna { opacity: .55; cursor: not-allowed; }
.cena .puvodni { font-size: 15px; }
.toast { box-shadow: 0 0 0 2px #fff, 0 6px 24px rgba(0,0,0,.35); max-width: calc(100% - 32px); text-align: center; }