/* ==============================================================
   1. TVOJ PÔVODNÝ ORIGINÁLNY KÓD (Hlavička, Bannery, Layout)
   ============================================================== */
#header .navigation-buttons .cart-count,
#header .navigation-buttons .toggle-window {
    border: none !important;
    background: 0 0 !important;
    box-shadow: none !important;
    filter: none !important;
}
#header .navigation-buttons .top-nav-button-login {
    border: none !important;
    background: 0 0 !important;
    filter: brightness(0) !important;
    opacity: 1 !important;
}
#header #topNavigationDropdown,
#header .navigation-buttons a,
#header .navigation-buttons i:before,
#header .navigation-buttons span,
#header .navigation-in ul li a,
.sh-icon-cart:before,
.sh-icon-search:before {
    color: #000 !important;
}
#header .dropdown button:after {
    border-top-color: #000 !important;
}
.header-title {
    background-color: transparent !important;
    margin: 40px 0 30px !important;
    padding: 0 !important;
    height: auto !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    position: static !important;
    animation: fadeMottoIn .5s ease-out forwards;
}
.header-title span {
    font-family: 'Great Vibes', cursive !important;
    font-size: 62px !important;
    color: #000 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.5 !important;
}
body.type-product .header-title {
    display: none !important;
}
body:not(.type-index):not(.type-product):not(.motto-ready) #header::after {
    content: "";
    display: block;
    height: 165px;
}
body:not(.type-index):not(.type-product) #content h1:first-of-type,
body:not(.type-index):not(.type-product) .category-title,
body:not(.type-index):not(.type-product) .news-item-title,
body:not(.type-index):not(.type-product):not(.motto-ready) .header-title {
    display: none !important;
}
body.type-category .category-top {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
}

/* Dlaždice - Desktop */
.banners-top {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 0 15px !important;
    margin-top: 10px !important;
}
.banners-top .banner-wrapper {
    flex: 1 !important;
    max-width: 25% !important;
    overflow: hidden !important;
    border-radius: 3px !important;
    transition: all .4s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.03) !important;
}
.banners-top .banner-wrapper img {
    transition: transform .6s cubic-bezier(.25,1,.5,1) !important;
    display: block !important;
    width: 100% !important;
}
.banners-top .banner-wrapper .title,
.banners-top .banner-wrapper a>div,
.banners-top .banner-wrapper a>p,
.banners-top .banner-wrapper a>span {
    display: none !important;
}
.banners-top .banner-wrapper a {
    display: block !important;
    position: relative !important;
    text-decoration: none !important;
}
.banners-top .banner-wrapper a::after {
    position: absolute !important;
    top: 28% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    font-family: 'Great Vibes', cursive !important;
    font-size: 38px !important;
    color: #000 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    width: 95% !important;
    text-align: center !important;
    line-height: 1.1 !important;
    transition: all .5s cubic-bezier(.25,1,.5,1) !important;
    z-index: 2 !important;
}
.banners-top .banner-wrapper a::before {
    content: "" !important;
    position: absolute !important;
    top: 68% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    width: 80px !important;
    height: 80px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all .5s cubic-bezier(.25,1,.5,1) !important;
    z-index: 2 !important;
    opacity: .8 !important;
}
.banners-top .banner-wrapper:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,.12) !important;
}
.banners-top .banner-wrapper:hover img {
    transform: scale(1.06) !important;
    opacity: .6 !important;
}
.banners-top .banner-wrapper:hover a::after {
    top: 22% !important;
}
.banners-top .banner-wrapper:hover a::before {
    transform: translate(-50%,-50%) scale(1.1) !important;
    opacity: 1 !important;
}

/* Ikony v dlaždiciach */
.banners-top .banner-wrapper a[href*="filatelie"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="0.7"><path d="M4 7l1-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1 1 1v10l-1 1-2-1-2 1-2-1-2 1-2-1-2 1-2-1-1-1V7zM15 14q2 2 4 0M15 16q2 2 4 0M15 18q2 2 4 0"/></svg>') !important;
}
.banners-top .banner-wrapper a[href*="sklo"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="0.5"><path d="M9 21c-2 0-2-8 0-11c0-2-1-3-1-5c0-1 2-1 2-1s2 0 2 1c0 2-1 3-1 5c2 3 2 11 0 11zM12 7q-3-3-1-5M12 7q3-3 1-5M12 10q-2-4-4-3"/></svg>') !important;
}
.banners-top .banner-wrapper a[href*="interieru"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="0.6"><path d="M12 11c-1-2-4-2-5 0c-1 3 2 6 5 8c3-2 6-5 5-8c-1-2-4-2-5 0M12 11c0-3 3-5 5-3c-1 1-1 2 0 3c1 1 2 1 2 3c-3-1-5-2-7-3"/></svg>') !important;
}
.banners-top .banner-wrapper a[href*="blog"]::before,
.banners-top .banner-wrapper a[href*="pribehy"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="0.6"><path d="M12 18V8M12 8C10 6 6 6 4 8v9c2-2 6-2 8 0M12 8C14 6 18 6 20 8v9c-2-2-6-2-8 0M5 10c2-1 5-1 7 1M19 10c-2-1-5-1-7 1M6 12c2-1 4-1 6 1M18 12c-2-1-4-1-6 1"/></svg>') !important;
}
.banners-top .banner-wrapper a[href*="filatelie"]::after {
    content: "Filatelie" !important;
}
.banners-top .banner-wrapper a[href*="sklo"]::after {
    content: "Designové sklo" !important;
}
.banners-top .banner-wrapper a[href*="interieru"]::after {
    content: "Design interiéru" !important;
}
.banners-top .banner-wrapper a[href*="blog"]::after,
.banners-top .banner-wrapper a[href*="pribehy"]::after {
    content: "Příběhy výjimečnosti" !important;
}

.article-detail p, .news-item-content {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}
#footer, .navigation-in, .product-list, .sidebar {
    font-family: 'Roboto', sans-serif !important;
}

/* Pridanie podnadpisu pod hlavný slogan LEN na úvodnej stránke */
body.type-index .header-title::after {
    content: "Objevte svět vzácné filatelie, uměleckého skla a našich autorských doplňků.";
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #555;
    margin-top: 15px;
    font-weight: 400;
    line-height: 1.4;
}

/* Responzivita */
@media only screen and (max-width:991px) {
    .banners-top .banner-wrapper a::after {
        font-size: 32px !important;
    }
}
@media only screen and (max-width:767px) {
    /* Bezpečná mobilná mriežka 2x2 pre dlaždice */
    .banners-top { 
        display: flex !important; 
        flex-wrap: wrap !important; 
        gap: 0 !important; 
        justify-content: space-between !important;
    }
    .banners-top .banner-wrapper { 
        max-width: 48% !important; 
        flex: 0 0 48% !important; 
        margin-bottom: 4% !important; 
    }
    /* Zmenšenie písma a ikoniek, aby sa zmestili do menších boxov */
    .banners-top .banner-wrapper a::after { 
        font-size: 20px !important; 
        top: 30% !important; 
    }
    .banners-top .banner-wrapper a::before {
        transform: translate(-50%,-50%) scale(0.6) !important; 
        top: 75% !important;
    }
    /* Zmenšenie podnadpisu pre mobilné displeje LEN na úvodnej stránke */
    body.type-index .header-title::after {
        font-size: 14px;
        padding: 0 15px;
    }
    .header-title span { font-size: 38px !important; }
    .header-title { margin: 25px 0 20px !important; }
    body:not(.type-index):not(.type-product):not(.motto-ready) #header::after { height: 100px; }
}
@keyframes fadeMottoIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* TVOJE OPRAVY DROBEČKOVEJ NAVIGÁCIE */
body:not(.type-product) .breadcrumbs { display: none !important; }

/* ==============================================================
   2. ÚPRAVY PRE NOVÚ PÄTKU A POP-UP 
   ============================================================== */
footer:not(.km-f), #footer, .footer, .footer-all, .shoptet-signature { 
    display: none !important; 
    visibility: hidden !important; 
    height: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}
.km-f { 
    display: block !important; 
    border-top: 1px solid #b7955b; 
    background: #fff; 
    padding: 40px 20px 20px; 
    margin-top: 60px; 
    color: #333; 
    font-family: 'Roboto', sans-serif !important; 
}
.km-f-c { 
    max-width: 1100px; 
    margin: 0 auto; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 20px; 
}
/* Zväčšený vzduch pre celý blok newslettra */
.km-nwl { 
    width: 100%; 
    border-top: 1px solid #f5f5f5; 
    padding: 70px 0 50px !important; /* Pridaný luxusný priestor hore aj dole */
    margin-top: 50px !important; /* Väčšie odsadenie od textu nad ním */
    text-align: center; 
}
/* Odsadenie nadpisu */
.km-nwl-h2 { 
    font-family: 'Playfair Display', serif !important; 
    font-size: 30px !important; /* Mierne zväčšené, aby vynikol vo väčšom priestore */
    color: #b7955b !important; 
    margin-bottom: 15px !important; /* Necháme nadpis dýchať (predtým bolo len 5px) */
}
/* Odsadenie textu od samotného formulára */
.km-nwl-p { 
    font-family: 'Libre Baskerville', serif !important; 
    font-size: 15px !important; 
    font-style: italic; 
    margin-bottom: 35px !important; /* Výrazné oddelenie formulára od textu (predtým 15px) */
}
.km-nwl-f { 
    display: flex; 
    max-width: 400px; 
    margin: 0 auto; 
    border: 1px solid #ddd; 
}
.km-nwl-f input { 
    flex: 1; 
    padding: 10px; 
    border: none; 
    outline: none; 
}
.km-nwl-f button { 
    background: #000; 
    color: #fff; 
    border: none; 
    padding: 0 20px; 
    font-weight: 700; 
    cursor: pointer; 
}
.km-col { 
    flex: 1; 
    min-width: 200px; 
}
.km-col h4 { 
    color: #b7955b; 
    text-transform: uppercase; 
    font-size: 12px; 
    letter-spacing: 1px; 
    margin-bottom: 15px; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 5px; 
}
.km-col a { 
    color: #b7955b !important; 
    text-decoration: none; 
    font-size: 13px; 
    display: flex; 
    align-items: center; 
    margin-bottom: 8px; 
}
.km-icn { 
    margin-right: 8px; 
    width: 16px; 
    height: 16px; 
    stroke: #b7955b; 
    fill: none; 
}
.km-box { 
    margin-top: 15px; 
    padding: 20px; 
    background: #f9f9f9; 
    border: 1px solid #eee; 
}
#km-popup-overlay { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,.8); 
    z-index: 999999; 
    justify-content: center; 
    align-items: center; 
}
#km-popup-content { 
    background: #fff; 
    padding: 40px; 
    max-width: 450px; 
    width: 90%; 
    text-align: center; 
    border-top: 5px solid #b7955b; 
    position: relative; 
}
.km-popup-f { 
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    margin-top: 20px; 
}
.km-popup-f input { 
    padding: 12px; 
    border: 1px solid #ddd; 
    outline: none; 
    text-align: center; 
}
.km-popup-f button { 
    background: #000; 
    color: #fff !important; 
    padding: 12px; 
    border: none; 
    font-weight: 700; 
    cursor: pointer; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
}

/* ==============================================================
   3. DETAIL PRODUKTU (Minimalistický galériový kód - Šablóna Waltz)
   ============================================================== */

/* Nadpis, cena a elegantný sklad */
.type-product h1.product-name { font-family: 'Playfair Display', serif !important; font-size: 36px !important; color: #000 !important; margin-bottom: 15px !important; }
.type-product .price-final-holder { color: #b7955b !important; }
.type-product .availability-amount, .type-product .availability-label { background: 0 0 !important; color: #555 !important; font-size: 14px !important; text-transform: uppercase !important; }
.type-product .availability-amount::before { content: "• "; color: #b7955b; font-weight: 700; font-size: 18px; }

/* Košík (Množstvo a Tlačidlo) vedľa seba v jednej línii */
.type-product .add-to-cart { display: flex !important; align-items: center !important; gap: 15px !important; margin-top: 25px !important; }

/* Zlaté nákupné tlačidlo so skrytým pôvodným textom */
.type-product .add-to-cart-button, .type-product .btn-add-to-cart { 
    background: #b7955b !important; 
    border-radius: 0 !important; 
    padding: 16px 20px !important; 
    flex: 1 !important; 
    text-align: center !important; 
    height: auto !important; 
    box-shadow: none !important; 
    font-size: 0 !important; /* Skryje pôvodný text Do košíku */
    color: transparent !important;
}
.type-product .add-to-cart-button:hover, .type-product .btn-add-to-cart:hover { 
    background: #000 !important; 
}

/* Vloženie nového prémiového textu */
.type-product .add-to-cart-button::after, .type-product .btn-add-to-cart::after { 
    content: "Přidat do sbírky" !important; 
    font-size: 14px !important; 
    font-family: 'Roboto', sans-serif !important; 
    font-weight: 700 !important; 
    color: #fff !important; 
    display: inline-block !important; 
    vertical-align: middle !important; 
}

/* --- WALTZ ŠABLÓNA: SKRYTIE ZBYTOČNOSTÍ --- */
/* Skrytie krátkeho popisu, kategórie (tabuľka) a sociálnych sietí */
.type-product .short-description, 
.type-product .product-short-description,
.type-product .detail-parameters,
.type-product .social-icons.share { 
    display: none !important; 
}

/* --- WALTZ ŠABLÓNA: JEMNÝ REDESIGN DOTAZU --- */
.type-product .link-icons {
    margin-top: 10px !important;
    display: flex !important;
    justify-content: flex-end !important; 
    width: 100% !important;
}

/* Skrytie tlačidla TISK (prvá položka) */
.type-product .link-icons a:first-child { 
    display: none !important; 
}

/* Nekompromisné vypnutie pôvodnej ikonky a všetkého balastu */
.type-product .link-icons a:last-child * {
    display: none !important;
}
.type-product .link-icons a:last-child::before {
    display: none !important;
}

/* Jemný textový odkaz vycentrovaný presne pod nákupným tlačidlom */
.type-product .link-icons a:last-child { 
    display: inline-block !important;
    width: calc(100% - 130px) !important; /* Odpočíta šírku výberu kusov */
    text-align: center !important; /* Vycentruje text presne pod čierne tlačidlo */
    border: none !important;
    background: transparent !important;
    padding: 5px 0 !important;
    font-family: 'Libre Baskerville', serif !important; 
    font-size: 14px !important;
    font-style: italic !important;
    color: #777 !important; 
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-transform: none !important; 
    transition: all 0.3s ease !important;
}

.type-product .link-icons a:last-child:hover {
    color: #b7955b !important; 
}

/* Náš nový, elegantný a univerzálny text */
.type-product .link-icons a:last-child::after {
    content: "Potřebujete více informací?" !important; 
}

/* ==============================================================
   4. ZLATÁ IKONKA KOŠÍKA
   ============================================================== */
.sh-icon-cart::before,
#header .cart-icon,
.navigation-buttons .cart-icon {
    color: #b7955b !important;
}

/* Skrytie statického newslettra všade okrem domovskej stránky */
body:not(.type-index) .km-nwl { display: none !important; }

/* --- ÚPRAVY PRE MOBIL --- */
@media only screen and (max-width: 767px) {
    .km-nwl {
        margin-top: 20px !important; 
        padding: 40px 0 30px !important; 
    }
    
    /* --- PREFARBENIE HLÁŠKY "PŘIDÁNO DO KOŠÍKU" --- */
    #site-msg .site-msg-inner.site-msg-success {
        background-color: #b7955b !important; 
        border-color: #b7955b !important;
        color: #ffffff !important;
        border-radius: 0 !important; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    }

    #site-msg .site-msg-inner.site-msg-success i,
    #site-msg .site-msg-inner.site-msg-success a,
    #site-msg .site-msg-inner.site-msg-success span {
        color: #ffffff !important;
    }

    #site-msg .site-msg-inner.site-msg-success a:hover {
        text-decoration: underline !important;
        opacity: 0.9;
    }    
} /* <--- TADY SPRÁVNĚ KONČÍ MOBILNÍ BLOK. NÁSLEDUJÍCÍ KÓD PLATÍ PRO VŠECHNY */

/* ==============================================================
   5. ÚPRAVA ROLETKY A ZELENÉHO ŠTÍTKU (Parametrické produkty)
   ============================================================== */

/* Obal roletky - vytvoří čistý prostor */
.type-product .variant-list {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* Odsazení popisku "Vyberte velikost" */
.type-product .variant-list strong.variant-label {
    display: block !important;
    margin-bottom: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #555 !important;
}

/* Nastylování roletky podle tvého HTML */
.type-product .variant-list select.hidden-split-parameter {
    padding: 12px 15px !important;
    height: 48px !important;
    font-size: 15px !important;
    font-family: 'Roboto', sans-serif !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important; 
    cursor: pointer !important;
    background-color: #fff !important;
    min-width: 220px !important; 
    box-shadow: none !important;
}

/* Nekompromisní odstranění inline zeleného pozadí u Skladem */
.type-product .availability-label[style] {
    background: transparent !important;
    background-color: transparent !important;
    color: #555 !important;
    padding: 0 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
}