/* SparkShop – vlastní CSS storefrontu (šablona Apollo / Shoptet).
   Servíruje app na https://sparkshop.verteco.app/assets/sparkshop.css
   (Cache-Control 1 h). Změna = commit do main → deploy.
   Obsah = stav Shoptet Editoru HTML kódu k 12. 10. 2026 (Záhlaví + Zápatí),
   /user/documents/style.css a naše bloky (tlačítka vt-*, SEO text úvodní strany).
   Konfigurační proměnné šablony (var headerIsFixed = …) zůstávají inline v Zápatí. */

/* ---------- Záhlaví Shoptetu: úpravy šablony (stav 12. 10. 2026) ---------- */
    span[data-testid=productCardName], div.p-info-headline h1 {
        text-transform: uppercase;
    }

    .subcategories.with-image li a .image {
        width: 45%;
    }
    @media (min-width: 768px) {
        .menu-item-5569  > a {
            /* "rubrika" predplatne nema vlastni proklik a jen rozbali submenu */
            pointer-events: none;
            cursor: default;
        }

        .is-header-fixed.is-header-hidden #header .site-name a img {
            max-height: 76px;
        }
        #header .site-name {
            display: flex;
            align-items: center;
        }

        #header .site-name a img {
            max-height: 100px;
            max-width: 300px;
        }
    }

    @media (max-width: 767px) {   
        .top-navigation-bar .site-name a img {
            max-height: 40px;
        }
    }
    .category-header input[type="radio"]:checked+label {
        background-color: var(--color-primary);
    }
    .in-contacts .content-inner>article {
        width: 100%;
    }
    .benefitBanner__picture img{
        mix-blend-mode: multiply;
    }
    .in-index .position--benefitHomepage {
        margin-top: 0;
        margin-bottom: 0;
    }
    .benefitBanner__picture {
        height: 50px;
    }
    .benefitBanner__picture img {
        max-height: 50px;
        max-width: 55px;
    }

    .welcome .welcome__content p {
        margin-bottom: 0;
    }

    .welcome .welcome__content p + p{
        margin-top: 20px;
    }

    .banners-top-block .banner-wrapper a, .banners-top-block .banner-wrapper img{
        width: 100%;
    }

    @media (min-width: 768px) {
        .navigation-in ul li a {
            padding-left: 25px;
            padding-right: 25px;
        }
        
        /*
        pouze pro predplatne:
        */
        .id-5569 .news-item {
            width:100%;
            max-width:100%;
            flex:0 0 100%;
        }
        
        .id-5569 iframe {
        	max-height: 60rem;
        }
        
				.top-navigation-bar .container > div.top-navigation-contacts {
            height: 40px;
        }
        .welcome h1 {
            font-size: 40px;
            margin-bottom: 30px;
        }
        .welcome p {
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 30px;
        }
    }
    @media (min-width: 992px) {
        .welcome {
            padding: 40px 40px 40px 40px;
        }
    }
    @media (min-width: 992px) {
        .header-top {
            padding-top: 50px;
            padding-bottom: 0;
        }

        .popup-widget.login-widget {
            top: 150px;
        }

        .popup-widget.cart-widget {
            top: 150px;
        }

        .admin-logged .popup-widget.login-widget {
            top: 175px;
        }

        .admin-logged .popup-widget.cart-widget {
            top: 175px;
        }
    }
    @media (max-width: 767px){
        .top-navigation-bar {
            background-color: white;
        }
    }

    @media (max-width: 370px){
        .top-navigation-bar .site-name a img {
            max-height: 30px;
        }
    }

    @media (min-width: 768px) {
        .products-related-block h2, .products-alternative-block h2,
        h4.homepage-group-title, .h4.homepage-group-title {
            font-size: 36px;
        }
        body .hodnoceni:before {
            text-align: center;
            font-size: 36px;
            margin-bottom: 30px;
        }
        .products-block.products .p .name {
            font-size: 18px;
        }
        .navigation-buttons a[data-target="cart"]:hover {
            color: white;
        }
        .header-top .btn.cart-count:hover .cart-price {
            color: white;
        }
        .navigation-buttons .click-cart a:after {
            display: none;
        }
        .click-cart {
            background: var(--color-primary);
            border-radius: 0;
        }
        .click-cart:hover {
            background: var(--color-primary-hover);
        }
        #header .cart-count {
            border-radius: 0;
        }
        .navigation-buttons a[data-target="cart"] {
            color: #fff;
        }
        .header-top .btn.cart-count:before {
            font-size: 26px;
        }
        .header-top .btn.cart-count:before {
            color: white !important;
        }
        .navigation-buttons {
            right: 0;
        }
        .cart-window-visible #header .click-cart {
            border-radius: 0;
        }
        .cart-window-visible #header .cart-count {
            background-color: transparent;
            border-radius:  0;
        }
        .cart-window-visible .btn.cart-count .cart-price {
            color: white;
        }
        .popup-widget {
            margin-left: -6px;
        }
    }

    @media (min-width: 992px) {
        .popup-widget.cart-widget {
            margin-left: 106px;
        }
    }

    @media (min-width: 1200px) {
        .popup-widget.cart-widget {
            margin-left: 209px;
        }

        .products-block > div {
            width: 20%;
        }
    }

    @media (min-width: 1440px) {
        .popup-widget.cart-widget {
            margin-left: 329px;
        }
    }

/* Apollo: sticky sidebar pri kategóriách na desktope */
@media (min-width: 768px) {
  .sidebar.sidebar-left,
  .sidebar.sidebar-right {
    position: sticky;
    top: 100px;
    align-self: flex-start;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
}

.sidebar .category-perex + .category-perex { display: none; }

/* ---------- Verteco: tlačítka generovaná transformerem v popisu produktu ----------
   HTML bloky vkládá noční feed (app/size_tables.py → p.vt-size-table,
   modul prolinkování → p.vt-band-link). Tady je jen vzhled. */
p.vt-size-table,
p.vt-band-link {
    margin: .5rem 0 1rem;
}
p.vt-size-table a,
p.vt-band-link a {
    display: inline-block;
    padding: .5rem .9rem;
    border: 1px solid var(--color-primary, #000);
    border-radius: 0;
    color: var(--color-primary, #000);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
}

/* ---------- původní /user/documents/style.css ---------- */
.extended-empty {

}

.banner-wrapper a {
    width: 100%;
}

.banner-wrapper a img {
    width: 100%;
}

.extended-banner-texts {
    position: absolute;
    top: unset!important;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem!important;
    transform: unset!important;;
}

.benefitBanner__item {align-items: center;}

@media (min-width: 992px) {
  .benefitBanner .benefitBanner__title { font-size: clamp(13px, 1.15vw, 18px); line-height: 1.25; text-wrap: balance; }
  .benefitBanner .benefitBanner__data { font-size: clamp(12px, 1vw, 14px); line-height: 1.4; }
}

/* Verteco: pás „Nakupuj podle kapely“ – efekt po najetí myší */
.vt-bands a.vt-band { transition: background .15s; }
.vt-bands a.vt-band:hover,
.vt-bands a.vt-band:focus { background: #dd011a !important; color: #fff; text-decoration: none; }
/* pás je v řadě bannerů pod carouselem – roztáhnout přes celou šířku */
.banner-wrapper:has(.vt-bands) { flex: 0 0 100%; width: 100%; max-width: 100%; grid-column: 1 / -1; }
.banner-wrapper:has(.vt-bands) > span { display: block; width: 100%; }
/* větší mezera nad pásem */
.banner-wrapper:has(.vt-bands) { margin-top: 40px; }
p.vt-size-table a:hover,
p.vt-size-table a:focus,
p.vt-band-link a:hover,
p.vt-band-link a:focus {
    background: var(--color-primary, #000);
    color: #fff;
    text-decoration: none;
}

/* ---------- Zápatí Shoptetu: vyhledávání ---------- */
/*vyhledavani v hlavicke*/
@media (min-width: 120px) {
    #formSearchForm {
        box-shadow: 0 0 0 2px #000;
    }
    #formSearchForm:focus-within {
        box-shadow: 0 0 0 2px var(--color-secondary, #dd011a);
    }
    #formSearchForm .search-input {
        font-size: 15px;
    }
    #formSearchForm .search-input::placeholder {
        color: #555;
        opacity: 1;
    }
}

/* ---------- Úvodní strana: SEO text (Vzhled a obsah → Titulní strana) ---------- */
/* Varianta B (vybrána 12. 10. 2026): bílá karta s tenkým rámečkem a červenou horní
   linkou, podnadpisy s červeným svislým pruhem. Červená jen jako linka, ne barva textu. */
.welcome {
    background: #fff !important;
    border: 1px solid #e3e4e6;
    border-top: 4px solid #dd011a;
}
.welcome .h1 {
    margin-bottom: 18px;
}
.welcome a {
    color: var(--color-secondary, #dd011a);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.welcome a:hover,
.welcome a:focus {
    color: #d10018;
    text-decoration: none;
}
.welcome h2 {
    font-size: 18px;
    line-height: 1.2;
    margin: 24px 0 6px;
    padding-left: 16px;
    border-left: 4px solid #dd011a;
}
.welcome > div:not(.h1) > p {
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 10px;
}
.welcome > div:not(.h1) > p:first-child {
    font-size: 17px;
    margin-bottom: 8px;
}