/* RESET CSS - Základní reset všech stylů */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* PWA / native app feel — `none` úplně vypne pull-to-refresh i overscroll
       bouncing (klasický bug "stránka se obnoví když tahnu dolu" + "guma" efekt
       na hranice scrollu). Webová stránka tak působí jako nativní appka. */
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #1a1a1a;
    background: #f8f8f8;
    /* Žádný gumový efekt na hranicích + tap highlight off + pull-to-refresh off */
    overscroll-behavior-y: none;
    -webkit-tap-highlight-color: transparent;
}

/* iOS anti-zoom — Safari/Chrome na iOS automaticky zoomuje při focus na input
 * pokud má font-size < 16px. Vynutíme min 16px na mobilu pro VŠECHNY inputy/
 * textarea/select. Na desktopu zůstávají původní velikosti pro design.
 *
 * Selector pokrývá i `<input>` bez atributu type (default = text). */
@media (max-width: 768px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* PROFI APPKA — vypne modry "tap highlight" na vsech klikacich prvcich na mobilu */
a, button, [role="button"], input[type="submit"], input[type="button"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

/* ============================================================================
   CUSTOM SCROLLBAR — decentní oranžová na desktopu, skrytá na mobilu
   ============================================================================
   Desktop (Chrome/Safari/Edge): běžná šířka 12px, světlá béžová track, jezdec
   v polopruhledné oranžové (brand color #FF6B00). Firefox má vlastní property.
   Mobile (≤768px): scrollbar úplně skrytý — iOS Safari ho stejně skrývá auto,
   takhle bude konzistentní napříč browsery/OS. */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: #f4ede0;
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 107, 0, 0.5);
    border-radius: 6px;
    border: 2px solid #f4ede0;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 107, 0, 0.75);
}
::-webkit-scrollbar-corner {
    background: #f4ede0;
}
/* Firefox */
html {
    scrollbar-width: auto;
    scrollbar-color: rgba(255, 107, 0, 0.5) #f4ede0;
}

/* Mobile — skrýt scrollbar úplně */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
    html {
        scrollbar-width: none;
    }
}

/* Smooth scrolling pro anchor odkazy */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
    font-size: inherit;
}

ul, ol {
    list-style: none;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

/* =============================================
   PAngV — brutto řádek pro Privatkunden (helper privatkundenHinweis()
   v includes/funkce-produkty.php). Globálně zde, protože se používá napříč
   stránkami (výpisy, detail, košík, pokladna). Záměrně decentní: malé písmo,
   tlumená barva jako existující label „netto" (#999), bez rámečku a pozadí.
   ============================================= */
.pk-hinweis {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    color: #999;
    margin-top: 3px;
}

/* Výpisy (karty kategorie/shop/vyhledávání) — nejmenší varianta */
.pk-hinweis--list {
    font-size: 11px;
}

/* Detail produktu — o chlup větší, pod cenovým boxem */
.pk-hinweis--detail {
    font-size: 13px;
}

/* Celkový součet (košík + pokladna) — zarovnaný doprava pod částku */
.pk-hinweis--total {
    font-size: 13px;
    text-align: right;
}

/* Částka s „€" (a „21 %" přes &nbsp;) drží pohromadě — zalomení jen mezi slovy */
.pk-hinweis-betrag {
    white-space: nowrap;
}