/* ==============================================================
   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;
}

/* 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) {
    .banners-top { display: none !important; }
    .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 A KOŠÍKA */
body:not(.type-product) .breadcrumbs { display: none !important; }
.add-to-cart-button, .btn-add-to-cart, .add-to-cart button { font-size: 0 !important; color: transparent !important; }
.add-to-cart-button::after, .btn-add-to-cart::after, .add-to-cart button::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; }
.add-to-cart-button span, .btn-add-to-cart span, .add-to-cart button span { 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; 
}
.km-nwl { 
    width: 100%; 
    border-top: 1px solid #f5f5f5; 
    padding: 40px 0 20px; 
    margin-top: 30px; 
    text-align: center; 
}
.km-nwl-h2 { 
    font-family: 'Playfair Display', serif !important; 
    font-size: 28px !important; 
    color: #b7955b !important; 
    margin-bottom: 5px !important; 
}
.km-nwl-p { 
    font-family: 'Libre Baskerville', serif !important; 
    font-size: 15px !important; 
    font-style: italic; 
    margin-bottom: 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; 
}