/*
 * KONDIK.cz - externí CSS pro Shoptet 3G / Classic
 * Aktualizace: 2026-09-17
 * Pozn.: soubor je určen pro načtení přes <link rel="stylesheet">, proto neobsahuje <style> tagy.
 */

/* ==========================================================================
   1. GLOBÁLNÍ STYLY A TYPOGRAFIE
   ========================================================================== */
body {
    color: #24242e;
}
h1, .h1 { font-size: 32px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }

hr {
    margin-bottom: 15px;
}
.content-inner {
    max-width: 100%;
}
.content-wrapper.container {
    padding-left: 25px;
    padding-right: 25px;
}
body:not(.type-index):not(.type-product):not(.ordering-process) h1 {
    margin-bottom: 20px;
    margin-top: 25px;
}
.type-search #content h2 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.link-icon.print {
    visibility: hidden;
}

/* ==========================================================================
   2. HLAVIČKA, NAVIGACE A BREADCRUMBS
   ========================================================================== */
#header {
    color: #1b181a;
}
#header::after {
    background-color: #ffe900;
    border-bottom: 3px solid #1b181a;
}
#navigation {
    border-bottom: none;
}
.navigation-in {
    background-color: transparent;
    font-size: 16px;
}
.navigation-in ul li a {
    letter-spacing: 0;
}
.navigation-window-visible #navigation::before, 
.login-window-visible #navigation::before {
    background-color: #f6f6f6;
}
.container.breadcrumbs-wrapper {
    background-color: #F6F6F6;
    margin-bottom: 0;
    border-bottom: 1px solid #E4E4E4;
}
#nav-manufacturers,
.nav-manufacturers {
    display: none !important;
}

/* ==========================================================================
   3. HOMEPAGE A BANNERY
   ========================================================================== */
/* Uvítací / SEO blok na homepage - kompaktní karta bez obrázku */
.type-index .homepage-box.welcome-wrapper,
.type-index .homepage-box.welcome-wrapper.welcimg-wrapper {
    background: #f6f6f6;
    padding-top: 36px;
    padding-bottom: 36px;
}

.type-index .welcome {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px 40px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-left: 6px solid #ffe900;
    border-radius: 8px;
}

/* Od 04/2026 Shoptet používá na homepage vizuální nadpis jako div.h1. */
.type-index .welcome .h1 {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.25;
    color: #1b181a;
}

.type-index .welcome p {
    max-width: 980px;
    margin: 0 0 14px;
    color: #50505a;
    font-size: 16px;
    line-height: 1.7;
}

.type-index .welcome p:last-of-type {
    margin-bottom: 0;
}

/* Volitelný seznam 3 benefitů - viz HTML vložené do uvítacího textu. */
.type-index .hp-intro-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.type-index .hp-intro-points li {
    position: relative;
    margin: 0;
    padding: 12px 14px 12px 42px;
    background: #f7f7f8;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    color: #24242e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.type-index .hp-intro-points li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 50%;
    background: #ffe900;
    color: #1b181a;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

.homepage-box.before-carousel {
    background: #FFFFFF;
    border-bottom: 1px solid #E4E4E4;
    padding-top: 0;
}
.h4.homepage-group-title {
    margin-top: 10px;
}
.box-categories {
    background-color: #ffe900 !important;
    border: 1px solid #E4E4E4 !important;
}
.benefitBanner__title {
    color: #1b181a;
}
.type-product .benefitBanner {
    margin-top: -32px;
    margin-bottom: 32px;
    padding: 15px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
.benefitBanner + .fav-cat, 
.row.banners-row + .fav-cat {
    margin-top: 48px;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

.carousel-control {
    background-color: transparent;
}

/* ==========================================================================
   4. VÝPIS PRODUKTŮ A KATEGORIE
   ========================================================================== */
.fav-cat ul { margin-bottom: 12px; }
.fav-cat li > div { background-color: #ffffff; }
.category-appendix::before, 
.product-appendix::before, 
.product .product-appendix::before {
    display: none;
}
.products-block .p-bottom .prices, 
.products-block .p-bottom .p-tools {
    flex-basis: 40%;
}
.products-block .p-bottom .p-desc {
    max-height: 65px;
    margin: 10px 0 0;
}
.p-short-description > p {
    display: block;
    margin-bottom: 0;
}
.filter-section.aktivni form {
    display: block !important;
}
#filters .aktivni h4::before {
    transform: rotate(180deg);
}

/* ==========================================================================
   5. DETAIL PRODUKTU
   ========================================================================== */
.product-top { margin-top: 25px; }
.p-image, .image360 { margin-top: 38px; }
.p-image-wrapper .flags.flags-default { top: -38px; }
.p-detail-info {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 16px;
}
.p-code {
    color: #656570;
    font-size: 16px;
}
.p-detail .add-to-cart .quantity {
    margin-right: 5px;
    margin-top: 1px;
}
.variant-table .table-row {
    padding: 16px 16px !important;
}
.variant-name { display: block; }
.basic-description {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.basic-description h3:not(.popis-nadpis) { margin-top: 0; }
.popis-nadpis { display: none; }
.extended-description { width: 100%; }
.extended-description .detail-parameters th, 
.extended-description .detail-parameters td {
    color: #24242e;
}
.extended-description .detail-parameters td {
    text-align: left;
}
.p-info-wrapper .detail-parameters th {
    font-size: 16px;
}
table.detail-parameters__gpsr { max-width: 100%; }
#ratingTab { max-width: 100%; }
.related-yes #productsAlternative {
    border-top: none;
    padding-top: 0;
}
.shp-tabs-holder ul.shp-tabs li a { font-size: 14px; }
.plus-gallery-item {
    display: inline-block;
    margin: 5px;
    text-align: center;
    border: 0;
    vertical-align: top;
}

/* --- Dostupnost --- */
.availability-value {
    font-size: 20px;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 16px;
    margin-bottom: 24px;
}
.availability-amount { display: none; }
.product .availability { font-size: 15px; }
.var-dostupnost.skladem { padding-left: 0; }
.var-dostupnost::before, .skladem::before { display: none; }

/* --- Ceny --- */
.products-block.products .p .price strong, 
.products-block.products .p .price span,
.variant-price-wrap .price-final {
    font-size: 24px;
    font-weight: 900;
    color: #dc3545;
}
.p-info-wrapper .price-final {
    font-size: 4.8rem;
    font-weight: 900;
    color: #dc3545;
}
.p-total .price-final {
    color: #dc3545;
    font-size: 20px;
}
.price-primary { color: #dc3545; }
.products-block.products .p .price span.pr-list-unit { color: #24242E; }

/* ==========================================================================
   6. KOŠÍK A OBJEDNÁVKOVÝ PROCES
   ========================================================================== */
.ordering-process .content-wrapper {
    background-color: #FFFFFF;
}
.cart-content {
    padding: 25px 25px 60px 25px !important;
}
.cart-content.summary-wrapper {
    background-color: #ffffff;
}
.cart-row > div.col-md-4 {
    padding-left: 25px;
}
.id--9 .extra.delivery { max-width: 400px; }
.id--9 .next-step--cart .btn {
    width: 100%;
    margin-top: 12px;
}
.payment-logo { border-style: none; }

/* Trvalé zobrazení slevového kupónu */
.discount-coupon:not(.uplatneno) form {
    display: block !important;
    margin-top: 0 !important;
}
.kupon-odkaz { display: none !important; }

/* ==========================================================================
   7. TLAČÍTKA A FORMULÁŘE
   ========================================================================== */
.btn.btn-cart.btn-lg, 
a.btn.btn-cart.btn-lg, 
.btn.add-to-cart-button.btn-lg, 
a.btn.add-to-cart-button.btn-lg {
    width: 265px !important;
    height: 75px !important;
    font-size: 20px !important;
}
.btn.btn-conversion, 
a.btn.btn-conversion, 
.btn.btn-cart, 
a.btn.btn-cart, 
.btn.btn-primary, 
a.btn.btn-primary, 
.btn.btn-secondary, 
a.btn.btn-secondary,
.compact-form .btn,
.radio-wrapper.active, 
.radio-wrapper:hover {
    border-radius: 5px;
}
.dotaz.btn {
    height: 56px;
    line-height: 56px !important;
    padding: 0 32px;
    margin-left: auto;
}
.dotaz.btn::before { display: none; }

/* ==========================================================================
   8. DOPLŇKY, ŠTÍTKY A NOTIFIKACE
   ========================================================================== */
/* Štítky a tooltipy */
.flag.flag-freeshipping { display: none !important; }
.flag.flag-custom2 { color: #1b181a; }
.show-tooltip.acronym[data-original-title] { border-bottom-style: none; }

/* Systémové zprávy */
.site-msg {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #1b181a;
}
.site-msg .close::before, .site-msg .close::after { background: #1b181a; }
.site-msg.cookies { background-color: #ffe900; color: #000; }
.site-msg.information { text-align: center; }
.site-msg-custom.step-1 { padding: 20px 10px 30px 30px; }
.site-msg-custom.step-1::before { display: none; }

/* fvDoplnek */
.fvDoplnek-produkt { background-color: #e9f7f1; }
div.fvDoplnek .fvDoplnek-produkt form p { width: auto; font-size: 14px; }
.fvDoplnek-description { font-size: 14px; }
.fvDoplnek-text .name { text-transform: none; font-size: 15px; }
.fvDoplnek h4 { margin-bottom: 20px; margin-top: 40px; font-size: 16px; }
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price { color: #00af68 !important; }
#cart-wrapper .fv-doplnek-item td.cart-p-image img { margin-left: 0; padding: 0; }
#cart-wrapper .fv-doplnek-item td.p-name { padding-left: 15px; }
#cart-wrapper .fv-doplnek-item td.p-availability.p-cell strong { font-weight: bold; font-size: 14px; }

/* Ostatní doplňky */
#hce-product-cert { width: 655px; height: 115px; }
.hce-certificate-text-container { margin-top: 20px !important; width: 300px !important; }
.planetwe-wrapper-inner, .planetwe-wrapper-outer { max-width: 100%; }
div.platimpak-wrapper { display: none; }

/* ==========================================================================
   9. PATIČKA A SIDEBAR
   ========================================================================== */
#footer {
    background: #69696d;
}
.footer-banners {
    border-bottom: none;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 24px;
    border-top: 2px solid #E4E4E4;
}
.custom-footer {
    background-color: #ffffffde;
    padding: 25px;
}
.footer-bottom {
    background-color: transparent;
    padding: 25px;
}
.copyright {
    font-size: 16px;
    color: #e4e4e4;
}
.sidebar-inner > div {
    margin: 35px 0 32px 0;
}
.slick-track {
    margin-left: 0 !important;
}

/* ==========================================================================
   10. RESPONZIVITA (MEDIA QUERIES)
   ========================================================================== */
.responsive-nav { margin-bottom: 30px; }

@media screen and (min-width: 1200px) {
    .top-navigation-bar .project-email {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        margin-left: 24px;
        color: var(--color-primary);
    }
    a.project-email::before {
        content: '\e910';
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dotaz.btn { width: 100%; }
}

@media screen and (max-width: 767px) {
    .type-index .homepage-box.welcome-wrapper,
    .type-index .homepage-box.welcome-wrapper.welcimg-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .type-index .welcome {
        padding: 24px 20px;
        border-left-width: 4px;
        border-radius: 6px;
    }

    .type-index .welcome .h1 {
        margin-bottom: 14px;
        font-size: 23px;
    }

    .type-index .welcome p {
        font-size: 15px;
        line-height: 1.6;
    }

    .type-index .hp-intro-points {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 18px;
    }

    .type-index .hp-intro-points li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .p-detail-inner .h1 {
        margin-bottom: 0;
        margin-top: 25px;
    }
}

@media (max-width: 480px) {
    .products-block > div { width: 100% !important; }
}

@media screen and (max-width: 479px) {
    .dotaz.btn {
        width: 100%;
        margin-top: 16px;
    }
}

/* ==========================================================================
   11. MOBILNÍ HLAVIČKA - stále viditelná při scrollování
   ==========================================================================
   Shoptet na mobilu standardně hlavičku při scrollu dolů skrývá.
   Na KONDIK.cz ji ponecháváme celou stále nahoře: logo, ikony i vyhledávání.
   Používáme sticky místo fixed, takže hlavička zůstává v toku stránky
   a není potřeba ručně kompenzovat její výšku.
*/
@media screen and (max-width: 767px) {
    #header,
    html.scrolled #header,
    html.scrolled-down #header,
    html.scrolled-up #header {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        transform: none !important;
        translate: none !important;
        transition: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: #ffffff !important;
    }

    /* Vrstvy hlavičky nesmí při scrollování zprůhlednit nebo odjet */
    #header .header-top,
    #header .header-top > .container,
    #header .top-navigation-bar,
    #header .top-navigation-bar > .container,
    #header .search,
    #header .search-form,
    #header .responsive-tools {
        background-color: #ffffff !important;
        transform: none !important;
        translate: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Potlačení Shoptet hide-on-scroll stavů */
    html.scrolled-down #header,
    html.scrolled-up #header {
        margin-top: 0 !important;
    }
}