/* ============================================================
   KMT E-SHOP — konsolidované custom CSS (2026-07-10)
   Nahrazuje VŠECHNY <style> bloky přidávané do HTML kódy → hlavička
   a zápatí (limit polí ~8000 znaků) i soubor product-page-fixes.css.
   Nahrát do: Správce souborů (root) jako kmt-eshop.css
   URL: https://cdn.myshoptet.com/usr/eshop.katerinamarieticha.cz/user/documents/upload/kmt-eshop.css
   Z KMT CSS v hlavičce pak jen: <link rel="stylesheet" href="...kmt-eshop.css">
   Meta tagy a preconnect odkazy zůstávají jako samostatné řádky.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Montserrat:wght@400;600;700;800&display=swap');

:root {
    --kmt-red: #D8333F;
    --kmt-red-hover: #F04450;
    --kmt-black: #0D0D0E;
    --kmt-text: #111111;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--kmt-text) !important;
    background: #fff !important;
}

#header, .header-top, .navigation-wrapper, .navigation-in {
    background: var(--kmt-black) !important;
}
#navigation a, .menu-level-1 > li > a, .navigation-buttons a, .top-nav-button {
    color: #fff !important;
    font-weight: 800 !important;
}
#navigation a:hover, .menu-level-1 > li > a:hover, .navigation-buttons a:hover, a:hover {
    color: var(--kmt-red) !important;
}

h1, h2, h3, .category-title, .homepage-group-title {
    font-family: 'Bungee', sans-serif !important;
    color: var(--kmt-red) !important;
    letter-spacing: .02em;
}
a { color: var(--kmt-red) !important; }

.btn, .btn-primary, .button, .add-to-cart-button, .cart-table .btn {
    background: var(--kmt-red) !important;
    border-color: var(--kmt-red) !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-weight: 800 !important;
}
.btn:hover, .btn-primary:hover, .button:hover, .add-to-cart-button:hover {
    background: var(--kmt-red-hover) !important;
    border-color: var(--kmt-red-hover) !important;
    color: #fff !important;
}

.cart-count, .flag, .flag-new, .flag-discount, .flag-freeshipping {
    background: var(--kmt-red) !important;
    color: #fff !important;
}
.products-block .p { border: none !important; }
.navigation-buttons, .navigation-buttons > a { border-color: rgba(255,255,255,.18) !important; }
.shp-tabs-row { display: none !important; }

.products-block .name, .products-block .name span,
.products-block .p .name, .products-block .p .name span {
    color: #111 !important;
}
.products-block .name:hover, .products-block .name:hover span,
.products-block .p .name:hover, .products-block .p .name:hover span {
    color: var(--kmt-red) !important;
}

.cart-table .p-name, .cart-table .p-name a,
.cart-table .main-link, .cart-table .main-link a,
.cart-table .cart-p-name, .cart-table .cart-p-name a,
.cart-table .product-name, .cart-table .product-name a {
    color: #111 !important;
}
.cart-table .p-name a:hover, .cart-table .main-link a:hover,
.cart-table .cart-p-name a:hover, .cart-table .product-name a:hover {
    color: var(--kmt-red) !important;
}

.footer {
    background: var(--kmt-black) !important;
    border-top: 2px solid var(--kmt-red) !important;
}
.footer, .footer .footer-bottom, .footer .copyright, .footer span,
.footer a { color: rgba(255,255,255,.72) !important; }
.footer a:hover { color: var(--kmt-red) !important; }

.banners-row, .wide-carousel { background: var(--kmt-black) !important; }
.wide-carousel { max-width: 2560px !important; margin-left: auto !important; margin-right: auto !important; }
.carousel.slide, .carousel-inner, .carousel-inner .item {
    height: auto !important; min-height: 0 !important; max-height: none !important;
}
.carousel-inner .item img {
    width: 100% !important; height: auto !important; max-height: none !important;
    object-fit: contain !important; display: block !important;
}

/* ---------- 1) Dostupnost: skrýt počet kusů (ukazuje jen 1 variantu, ne součet) ---------- */
.availability-amount { display: none !important; }

/* ---------- 2) Podobné produkty jako viditelný blok pod popisem ---------- */
.p-detail-tabs-wrapper #productsAlternative.tab-pane {
    display: block !important; opacity: 1 !important; height: auto !important;
}
.p-detail-tabs-wrapper #productsAlternative.tab-pane::before {
    content: "Mohlo by se vám líbit";
    display: block; font-size: 1.4em; font-weight: 600; margin: 24px 0 16px;
}

/* ---------- 3) Ikona košíku: na hover zůstává bílá ---------- */
a.cart-count:hover, a.cart-count:hover::before { color: #fff !important; }

/* ---------- 4) Spodní tlačítka košíku: sekundární / primární, shodně 210 × 60 px ---------- */
body.in-kosik #cart-wrapper .next-step.next-step--cart {
    gap: 12px !important;
}
body.in-kosik #cart-wrapper .next-step.next-step--cart > a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    border: 2px solid #D8333F !important;
    box-sizing: border-box !important;
}
body.in-kosik #cart-wrapper .next-step.next-step--cart > a.next-step-back {
    background: #fff !important;
    background-image: none !important;
    color: #D8333F !important;
}
body.in-kosik #cart-wrapper .next-step.next-step--cart > a.next-step-back:hover,
body.in-kosik #cart-wrapper .next-step.next-step--cart > a.next-step-back:focus-visible {
    background: #f7e9ea !important;
    color: #D8333F !important;
}
body.in-kosik #cart-wrapper .next-step.next-step--cart > a.next-step-forward {
    background: #D8333F !important;
    color: #fff !important;
}
@media (max-width: 479px) {
    body.in-kosik #cart-wrapper .next-step.next-step--cart > a.btn {
        flex-basis: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ---------- 5) Popup „přidáno do košíku" dolů (nezakrývá hlavičku) ---------- */
.messages { top: auto !important; bottom: 16px !important; }

/* ---------- 6) Patička: sjednocení + kompaktní výška (finální stav v1–v4) ---------- */
.footer { border-top: 2px solid var(--kmt-red) !important; padding-bottom: 8px !important; margin-top: 4px !important; }
.footer .pageElement__heading, .footer h3.pageElement__heading {
    color: #fff !important; font-size: 15px !important; font-weight: 400 !important;
    letter-spacing: .5px !important; margin: 0 0 6px !important; text-align: center !important;
}
.footer .pageElement__heading span { color: #fff !important; }
.footer .custom-footer__articles, .footer .custom-footer__contact { text-align: center !important; padding-bottom: 0 !important; }
.footer .custom-footer__articles li, .footer .custom-footer__contact li { list-style: none !important; }
.footer .custom-footer__articles li::before, .footer .custom-footer__contact li::before { content: none !important; display: none !important; }
.footer .custom-footer__articles a, .footer .custom-footer__contact a { line-height: 1.5 !important; font-size: 13px !important; }
.footer .footer-rows { padding: 2px 0 !important; }
.footer .footer-bottom { border-top: none !important; padding: 8px 0 4px !important; font-size: 12px !important; text-align: center !important; }
.footer .footer-bottom span { float: none !important; display: block !important; text-align: center !important; width: auto !important; margin: 1px auto !important; }
/* ---------- 7) Popisy produktů/kategorií: jednotná typografie ---------- */
#description, #description * { font-family: 'Montserrat', sans-serif !important; }
#description p, #description span, #description li {
    font-size: 14px !important; color: #333 !important;
}
#description h3 {
    font-family: 'Montserrat', sans-serif !important; font-size: 16px !important;
    font-weight: 700 !important; color: #111 !important; margin: 20px 0 8px !important;
    text-transform: none !important;
}

/* ---------- 8) Social bar (HTML vkládá kmt-eshop.js) ---------- */
.kmt-social {
    background: #0d0d0e;
    color: rgba(255,255,255,.72);
    text-align: center;
    padding: 14px 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    display: flex;
    gap: 22px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-top: none !important;
    box-shadow: 0 0 0 100vmax #0d0d0e;
    clip-path: inset(0 -100vmax);
    margin-top: -1px !important;
}
.kmt-social__label {
    font-family: 'Bungee', sans-serif;
    color: #fff;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.kmt-social a { color: rgba(255,255,255,.72) !important; text-decoration: none; font-weight: 700; }
.kmt-social a:hover { color: var(--kmt-red) !important; }

/* ---------- 9) Benefit pruh (HTML vkládá kmt-eshop.js) ---------- */
.kmt-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;padding:12px 16px;margin:0;list-style:none;background:#ffffff;border-top:1px solid #ececec;border-bottom:1px solid #ececec;font-size:14px;line-height:1.3;text-align:center;}
.kmt-benefits li{display:flex;align-items:center;gap:8px;color:#1a1a1a;}
.kmt-benefits .kmt-ico{font-size:18px;line-height:1;}
.kmt-benefits strong{color:#D8333F;font-weight:700;}
@media (max-width:600px){.kmt-benefits{gap:6px 18px;font-size:12.5px;padding:9px 10px;}}