@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* === ZAKLAD === */
ul.top-navigation-bar-menu{margin-top:4px}
.top-navigation-bar-menu li{display:inline-flex;margin-left:15px;}
.top-navigation-bar-menu a{padding:0}
.top-navigation-bar .top-navigation-tools{display:none;}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.wide .p-detail-inner .p-data-wrapper,.shp-tabs-wrapper .tab-content .tab-pane,.p-image div a img{border-radius:15px;}
#signature a{color:white}
#footer{background-color:#15162A;}
.footer-bottom{background-color:#54C1D9;color:white;}
ol.cart-header li.active a,ol.cart-header li.active strong,ol.cart-header li.completed a,ol.cart-header li.completed a:hover,ol.cart-header li.completed strong{background:transparent}
.shp-tabs-holder ul.shp-tabs .shp-tab.active{border-radius:15px 15px 0px 0px}
.top-navigation-bar,.price-range>div{background:#54C1D9;border-color:#54C1D9;}
.top-navigation-bar a{color:white;font-weight:500;}
.navigation-in ul li a b,#navigation .navigation-in ul li>a>b,ol.cart-header li.active a:before,ol.cart-header li.active strong:before,ol.cart-header li.completed a:before,ol.cart-header li.completed strong:before{color:white;}
.navigation-in ul li a b,#navigation .navigation-in ul li>a>b:hover{color:black;}
.products-block>div .p .p-bottom>div .p-tools .btn,.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart,.btn.btn-cart,.btn.btn-conversion,a.btn.btn-cart,a.btn.btn-conversion,.btn.btn-primary{border-radius:15px;}
#navigation .menu-level-2{align-items:start;}
.search-input-icon:before{color:#d4caca}
.overall-wrapper{overflow-x:hidden}
.btn.btn-cart:hover,.btn.btn-conversion:hover,a.btn.btn-cart:hover,a.btn.btn-conversion:hover{color:black}
.btn.btn-cart,.btn.btn-conversion,a.btn.btn-cart,a.btn.btn-conversion,.btn.btn-default,a.btn.btn-default{color:white}
.box.box-sm.box-filters{background:#F5F6F8 !important}
.next-to-carousel-banners .banner-wrapper{margin-top:20px;margin-left:10px}
.next-to-carousel-banners .banner-wrapper:last-child{margin-top:25px}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive{margin-top:20px}
.slider-wrapper.otevreny .slider-content{margin-bottom:0px}
input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{display:none;}
.shp-tabs-holder ul.shp-tabs,.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6,.navigation-in ul li a b,#navigation .navigation-in ul li>a>b,.navigation-in>ul>li.ext>ul>li>div>a{font-family:"Montserrat",sans-serif;}
#content,.breadcrumbs,.sidebar-inner,.sidebar,.box.box-sm.box-filters,#category-filter-hover .filter-section:first-child,.filter-section+.filter-section,.filter-section,[class~=slider-wrapper],#filters h4:before,.content-wrapper{background:#F5F6F8;}
.clr-box{display:flex;align-items:center;flex-wrap:wrap}
.clr-box li{flex:1 0 23%;max-width:90px;}
.p-short-description ul.clr-box li:before{display:none}
a.social-icon:hover,.btn.btn-default:hover,.btn.btn-default,a.btn.btn-default:hover,.btn.btn-primary:hover,a.btn.btn-primary:hover{background:white;color:black;border:1px solid black;}
#header .header-bottom{border-width:0px;box-shadow:-3px 3px 3px 1px #0000000a;margin-bottom:7px;}
.btn.btn-default{border-radius:15px;background-color:#15162A;border-color:transparent;color:white;align-items:center;font-weight:500;}
#header .search-input{background:#15162A;border:1px solid #d4caca;border-radius:15px;}
.visible-lg-inline-block{display:none !important;}
.type-product .breadcrumbs{width:100%;}
.aside-indented .breadcrumbs,.aside-indented .category-top{max-width:100%;}
#filters h4{border:solid #d9d9d9;border-width:0px 0px 2px 0px;}
#content h1{font-size:60px;font-weight:500;}
.link-icons .link-icon,.link-icons .link-icon span{display:none;}
.wide .p-detail-inner .p-data-wrapper,.shp-tabs-wrapper .tab-content .tab-pane{background:white;padding:15px;}
.p-to-cart-block{background:white;}
#checkoutSidebar .toggle-contacts{color:black;}
div#checkoutContent.col-md-8,.checkout-box,.order-recapitulation,.order-summary-inner,.order-summary-item,.recapitulation-single{border:none;background:white}
.shp-tabs-holder ul.shp-tabs .shp-tab.active{background:white;}
.columns-4 .category-content-wrapper .products-block>div{box-shadow:0px 0px 5px 1px #00000021;}
.subcategories li a{border-radius:15px}
.subcategories.with-image li{border-radius:15px;border:2px solid #54C1D9}
.subcategories{gap:5px}
.columns-4 .products-block>div{border-radius:15px}
.navigation-in,#header .header-bottom{background:#15162A;}
.btn.btn-cart.add-to-cart-button{color:white;}
.products-block>div .p .p-bottom>div .prices .price-final{font-size:28px;color:#54C1D9;}
.navigation-in>ul>li>a,.navigation-in>ul>li>a:hover{border-radius:10px!important;}
.link-icons .link-icon,.link-icons .link-icon span{display:flex!important;}
.odber{margin-bottom:60px !important}
.price-range{background-color:#15162A;}
.filter-sections{background-color:#F5F6F8;}
#content .btn.unveil-button{background:#15162A;}
#content .btn.unveil-button:hover{background:#54C1D9;color:white;border-color:#54C1D9}
.pre-web-link{padding:0px 12px;background:#54C1D9;color:white;border-radius:15px;font-size:15px!important;}
.pre-web-link:hover{background:#54C1D9;color:white}
a.btn.btn-conversion:hover{color:white;}

.top-navigation-menu-item-external-15:before{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;background:url(https://660539.myshoptet.com/user/documents/upload/Icons/instagram.png);background-size:cover;}
.top-navigation-menu-item-external-18:before{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;background:url("https://660539.myshoptet.com/user/documents/upload/Icons/fb.png");background-size:cover;}

table.shipping-options-layout tr.shipping-options-row a{background:#54C1D9;padding:10px;line-height:20px;text-decoration:none;font-weight:600!important;margin:10px 0px;color:white;border-radius:10px;}
table.shipping-options-layout tr.shipping-options-row a:before{content:"";background-image:url(https://653439.myshoptet.com/user/documents/upload/Flags/white_van.svg);width:20px;height:20px;background-size:20px;margin-right:7px;background-position:50%;background-repeat:no-repeat;display:inline-block;position:relative;top:5px;left:0px;}

footer#footer{position:relative;}
footer#footer::after{content:' ';display:inline-block;width:250px;height:250px;position:absolute;top:-35%;right:0%;background:url(https://www.3dfinity.sk/wp-content/uploads/2022/08/01-768x768.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}

/* === DESKTOP >= 1200px === */
@media(max-width:1200px){.pre-web-link{display:none !important}}

@media(min-width:1200px){
.category-content-wrapper .products-block>div{width:24% !important}
#header .navigation-buttons a[data-target="login"],
#header .navigation-buttons a[data-target="cart"]{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    gap:8px !important;height:44px !important;padding:0 18px !important;
    border-radius:15px !important;border:1px solid #54C1D9 !important;
    background:#54C1D9 !important;color:#ffffff !important;
    font-family:"Montserrat",sans-serif !important;font-size:14px !important;
    font-weight:700 !important;white-space:nowrap !important;
    text-decoration:none !important;transition:all .16s ease !important;
}
#header .navigation-buttons a[data-target="cart"]{color:#15162A !important;box-shadow:0 8px 20px rgba(84,193,217,.24) !important;}
#header .navigation-buttons a[data-target="login"]:hover,
#header .navigation-buttons a[data-target="cart"]:hover{background:#6FD8EE !important;border-color:#6FD8EE !important;color:#15162A !important;transform:translateY(-1px) !important;}
#header .navigation-buttons a[data-target="login"] i,
#header .navigation-buttons a[data-target="cart"] i{position:static !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;display:inline-flex !important;font-size:20px !important;color:inherit !important;}
#header .navigation-buttons a[data-target="login"]:after{content:"Účet / B2B zóna" !important;position:static !important;display:inline-block !important;font-size:14px !important;font-weight:700 !important;color:inherit !important;}
#header .navigation-buttons a[data-target="cart"]:after{content:"Košík" !important;position:static !important;display:inline-block !important;font-size:14px !important;font-weight:700 !important;color:#15162A !important;}
#header .navigation-buttons a[data-target="cart"] i{color:#15162A !important;}
#header .popup-widget.login-widget,#header .popup-widget.user-widget,#header .popup-widget.customer-widget{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;}
}

/* === DESKTOP >= 768px === */
@media(min-width:768px){
.menu-item-external-23,.menu-item-external-20{display:none!important;}
.p-detail .p-to-cart-block .p-final-price-wrapper{width:100%;margin-bottom:25px;}
.p-detail .p-detail-inner .p-data-wrapper{display:flex;flex-direction:column}
.p-detail .p-detail-inner .p-detail-inner-header{order:1}
.p-detail .p-detail-inner .p-short-description{order:4}
.p-detail .p-detail-inner .pr-action.csrf-enabled{order:2}
.p-detail .p-detail-inner .buttons-wrapper.social-buttons-wrapper{order:3}
.category-content-wrapper .columns-4 .products-block>div,.subcategories.with-image li{width:32% !important}
#navigation{height:50px;background:#15162a;}
button.btn.btn-default.search-button{display:none;}
.subcategories.with-image li{width:33%;padding:0px;}
.subcategories li a{height:90px;}
.category-content-wrapper .products-block{gap:10px}
.subcategories li a,.columns-3 .products-block>div,.columns-4 .products-block>div{background:white;}
.columns-3 .products-block>div,.columns-4 .products-block>div{border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,0.09);}
.product-slider-holder .products-block>div{background:white;border:5px solid #F5F6F8;margin:0px;border-radius:25px;}
.columns-3 .products-block>div{width:32%;}
.navigation-in>ul>li.ext>ul>li>div>ul{display:block;height:175px;max-height:175px}
.navigation-in>ul>li.ext>ul>li>div>ul>li,.navigation-in>ul>li.ext>ul>li>div>ul>li>a{display:block;padding-top:10px;}
.navigation-in>ul>li.ext>ul>li{align-items:flex-start}
.navigation-in>ul>li.ext>ul>li.has-third-level>a{display:block;line-height:12px;}
a.btn.btn-default.inline-block{width:25%}
.news-item-detail .next-prev{display:flex;justify-content:space-between;}
.navigation-in>ul>li>a{padding-bottom:15px;padding-top:15px;}
#category-filter-hover,.content .sidebar #category-filter-hover{display:block;}
.box.box-sm.box-filters{background:#F0F0F0;border:none;padding:10px;}
.sidebar-inner>div.box-sm h4{font-weight:400}
[class~=param-filter-top]{display:none;}
.sidebar-inner>div.box-sm{margin:0px;}
.responsive-nav{margin-bottom:0px;margin-top:25px;}
#filters h4{border:none;}
.add-to-cart-button,.cart-related-button .btn.btn-sm,.surcharge-list select,.variant-list select,.btn,.btn.btn-conversion,a.btn,a.btn.btn-conversion{font-weight:400;}
.h4{font-weight:600;}
#navigation .menu-level-3{overflow:auto;}
.navigation-in>ul>li>a:hover{background:white;color:black;}
.navigation-in>ul>li>a:hover b{color:black !important}
.navigation-in>ul>li:has(>a[href="/"]),
.navigation-in>ul>li:has(>a[href="https://eshop.3dfinity.sk/"]),
.navigation-in>ul>li:has(>a[href="https://660539.myshoptet.com/"]),
.navigation-in>ul>li:has(>a[href="https://www.3dfinity.sk/"]){display:none !important;}
}

/* === MOBIL <= 768px === */
@media(max-width:768px){
.navigation-in a{color:white}
#content h1{font-size:40px;}
#navigation .navigation-in ul li>a>b{text-decoration:none;font-weight:300;}
.type-product .breadcrumbs{padding-top:85px;padding-bottom:25px;}
ol.cart-header{padding-top:85px;}
table.shipping-options-layout tr.shipping-options-row td{width:100%;}
.carousel-inner>.item>img{margin-top:60px}
footer#footer::after{top:-11% !important;right:-15% !important}
.subcategories.with-image li{padding:0px;background:white;width:49%}
.overall-wrapper{padding-top:0px;overflow-x:hidden}
.next-to-carousel-banners .banner-wrapper{margin:10px 10px 0px 0px}
.category-content-wrapper .products-block>div{width:49%;background:white}
.category-content-wrapper .products-block{gap:5px}
}

@media(max-width:992px){footer#footer::after{margin-top:95px;}}
@media(min-width:992px){.admin-logged .popup-widget.cart-widget{z-index:1004}}


/* =========================================================
   3DFINITY - B2B + KLIENTSKA ZONA FINAL PATCH
   Základ necháva existujúci Template6 vzhľad, menu a produktové výpisy.
   Rieši iba:
   - Účet / B2B zóna tlačidlo
   - prihlásený stav účtu
   - mobilné/tablet account tlačidlá
   - klientské centrum / ľavé menu / odhlásenie
   ========================================================= */


/* =========================================================
   1) DESKTOP HEADER - ÚČET / B2B ZÓNA + KOŠÍK
   ========================================================= */

@media (min-width: 1200px) {

    #header .navigation-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
    }

    #header .pre-web-link,
    .pre-web-link,
    #header .navigation-buttons a[data-target="login"],
    #header .navigation-buttons a[data-target="cart"] {
        box-sizing: border-box !important;
        height: 46px !important;
        min-height: 46px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 18px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;

        border-radius: 15px !important;
        border: 1px solid #54C1D9 !important;
        background: #54C1D9 !important;

        font-family: "Montserrat", sans-serif !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;

        transition: all .16s ease !important;
    }

    #header .pre-web-link,
    .pre-web-link,
    #header .navigation-buttons a[data-target="login"] {
        color: #ffffff !important;
        box-shadow: none !important;
    }

    #header .pre-web-link,
    .pre-web-link {
        min-width: 128px !important;
    }

    #header .navigation-buttons a[data-target="login"] {
        min-width: 150px !important;
        padding-top: 0 !important;
    }

    #header .navigation-buttons a[data-target="cart"] {
        min-width: 108px !important;
        padding-top: 0 !important;
        color: #15162A !important;
        box-shadow: 0 8px 20px rgba(84,193,217,.24) !important;
    }

    #header .pre-web-link:hover,
    .pre-web-link:hover,
    #header .navigation-buttons a[data-target="login"]:hover,
    #header .navigation-buttons a[data-target="cart"]:hover {
        background: #6FD8EE !important;
        border-color: #6FD8EE !important;
        color: #15162A !important;
        transform: translateY(-1px) !important;
    }

    #header .navigation-buttons a[data-target="login"] i,
    #header .navigation-buttons a[data-target="cart"] i {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 20px !important;
        line-height: 1 !important;
        color: inherit !important;
    }

    #header .navigation-buttons a[data-target="login"]:after {
        content: "Účet / B2B zóna" !important;
    }

    #header .navigation-buttons a[data-target="cart"]:after {
        content: "Košík" !important;
    }

    #header .navigation-buttons a[data-target="login"]:after,
    #header .navigation-buttons a[data-target="cart"]:after {
        position: static !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Montserrat", sans-serif !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        color: inherit !important;
        white-space: nowrap !important;
    }

    #header .navigation-buttons a[data-target="cart"] i,
    #header .navigation-buttons a[data-target="cart"]:after {
        color: #15162A !important;
    }
}


/* =========================================================
   2) PRIHLÁSENÝ STAV - SKRYŤ ŠKAREDÝ DROPDOWN ÚČTU
   ========================================================= */

@media (min-width: 1200px) {

    #header .popup-widget.login-widget,
    #header .popup-widget.user-widget,
    #header .popup-widget.customer-widget,
    #header .popup-widget[class*="user"],
    #header .popup-widget[class*="login"],
    #header .popup-widget[class*="customer"],
    #header .navigation-buttons .popup-widget,
    #header .navigation-buttons .dropdown-menu,
    #header .navigation-buttons .user-action,
    #header .navigation-buttons .login-widget,
    #header .navigation-buttons .user-widget,
    #header .navigation-buttons .customer-widget {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Ak Shoptet pri prihlásení vloží Môj účet / Odhlásiť sa do hlavného menu,
       skryjeme iba tieto account položky, nie kategórie. */
    .navigation-in > ul > li:has(> a[href*="klient"]),
    .navigation-in > ul > li:has(> a[href*="client"]),
    .navigation-in > ul > li:has(> a[href*="customer"]),
    .navigation-in > ul > li:has(> a[href*="account"]),
    .navigation-in > ul > li:has(> a[href*="login"]),
    .navigation-in > ul > li:has(> a[href*="prihlasenie"]),
    .navigation-in > ul > li:has(> a[href*="logout"]),
    .navigation-in > ul > li:has(> a[href*="odhlasit"]) {
        display: none !important;
    }
}


/* =========================================================
   3) MOBIL / TABLET - ÚČET / B2B ZÓNA V HAMBURGER MENU
   ========================================================= */

@media (max-width: 1199px) {

    #header .pre-web-link,
    .pre-web-link {
        display: none !important;
    }

    #header .navigation-buttons a[data-target="login"] {
        display: none !important;
    }

    #header .navigation-buttons a[data-target="login"]:after,
    #header .navigation-buttons a[data-target="cart"]:after {
        content: "" !important;
        display: none !important;
    }

    #header,
    #header .header-top,
    #header .header-bottom,
    #navigation,
    #navigation .navigation-in {
        background: #15162A !important;
    }

    #header .navigation-buttons a,
    #header .navigation-buttons a i {
        color: #ffffff !important;
    }

    /* Základne nech sú všetky položky v hamburger menu čitateľné */
    .navigation-in a,
    .navigation-window a,
    .responsive-nav a,
    .navigation-in a b,
    .navigation-window a b,
    .responsive-nav a b {
        opacity: 1 !important;
        visibility: visible !important;
        text-decoration: none !important;
    }

    /* Môj účet / klientské centrum ako primárne mobilné tlačidlo */
    .navigation-in a[href*="klient"],
    .navigation-in a[href*="client"],
    .navigation-in a[href*="customer"],
    .navigation-in a[href*="account"],
    .navigation-in a[href*="login"],
    .navigation-in a[href*="prihlasenie"],
    .navigation-window a[href*="klient"],
    .navigation-window a[href*="client"],
    .navigation-window a[href*="customer"],
    .navigation-window a[href*="account"],
    .navigation-window a[href*="login"],
    .navigation-window a[href*="prihlasenie"],
    .responsive-nav a[href*="klient"],
    .responsive-nav a[href*="client"],
    .responsive-nav a[href*="customer"],
    .responsive-nav a[href*="account"],
    .responsive-nav a[href*="login"],
    .responsive-nav a[href*="prihlasenie"] {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: calc(100% - 32px) !important;
        min-height: 50px !important;
        margin: 18px 16px 10px 16px !important;
        padding: 0 18px !important;

        background: #54C1D9 !important;
        border: 1px solid #54C1D9 !important;
        border-radius: 16px !important;
        color: #15162A !important;

        font-family: "Montserrat", sans-serif !important;
        font-size: 0 !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;

        pointer-events: auto !important;
        cursor: pointer !important;
        box-shadow: 0 10px 24px rgba(84,193,217,.22) !important;
    }

    .navigation-in a[href*="klient"]::after,
    .navigation-in a[href*="client"]::after,
    .navigation-in a[href*="customer"]::after,
    .navigation-in a[href*="account"]::after,
    .navigation-in a[href*="login"]::after,
    .navigation-in a[href*="prihlasenie"]::after,
    .navigation-window a[href*="klient"]::after,
    .navigation-window a[href*="client"]::after,
    .navigation-window a[href*="customer"]::after,
    .navigation-window a[href*="account"]::after,
    .navigation-window a[href*="login"]::after,
    .navigation-window a[href*="prihlasenie"]::after,
    .responsive-nav a[href*="klient"]::after,
    .responsive-nav a[href*="client"]::after,
    .responsive-nav a[href*="customer"]::after,
    .responsive-nav a[href*="account"]::after,
    .responsive-nav a[href*="login"]::after,
    .responsive-nav a[href*="prihlasenie"]::after {
        content: "Účet / B2B zóna" !important;
        display: inline-block !important;
        color: #15162A !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

    /* Odhlásiť sa ako sekundárne mobilné tlačidlo */
    .navigation-in a[href*="logout"],
    .navigation-in a[href*="odhlasit"],
    .navigation-window a[href*="logout"],
    .navigation-window a[href*="odhlasit"],
    .responsive-nav a[href*="logout"],
    .responsive-nav a[href*="odhlasit"] {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: calc(100% - 32px) !important;
        min-height: 50px !important;
        margin: 0 16px 16px 16px !important;
        padding: 0 18px !important;

        background: transparent !important;
        border: 1px solid rgba(84,193,217,.55) !important;
        border-radius: 16px !important;
        color: #ffffff !important;

        font-family: "Montserrat", sans-serif !important;
        font-size: 0 !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;

        pointer-events: auto !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .navigation-in a[href*="logout"]::after,
    .navigation-in a[href*="odhlasit"]::after,
    .navigation-window a[href*="logout"]::after,
    .navigation-window a[href*="odhlasit"]::after,
    .responsive-nav a[href*="logout"]::after,
    .responsive-nav a[href*="odhlasit"]::after {
        content: "Odhlásiť sa" !important;
        display: inline-block !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   4) KLIENTSKA ZÓNA / KLIENTSKÉ CENTRUM
   ========================================================= */

.content-wrapper:has(.sidebar a[href*="klient"]),
.content-wrapper:has(.sidebar a[href*="client"]),
.content-wrapper:has(.sidebar a[href*="customer"]) {
    background: #F5F6F8 !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar {
    background: transparent !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar-inner,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar-inner,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar-inner {
    display: flex !important;
    flex-direction: column !important;
    min-height: 560px !important;
    max-width: 310px !important;

    background: #E7ECF4 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;

    padding: 30px 26px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar-inner > *,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar-inner > *,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar-inner > * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar ul,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar ul,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar ul,
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li::marker,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li::marker,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li::marker {
    content: "" !important;
    font-size: 0 !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li > a,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li > a,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;

    min-height: 38px !important;
    padding: 7px 10px 7px 32px !important;
    margin: 0 0 5px 0 !important;

    border-radius: 13px !important;
    background: transparent !important;
    color: #707889 !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li > a::before,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li > a::before,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li > a::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;

    width: 8px !important;
    height: 8px !important;

    border-radius: 50% !important;
    background: #C5CEDA !important;

    transform: translateY(-50%) !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li > a:hover,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li > a:hover,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li > a:hover,
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li.active > a,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li.active > a,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li.active > a {
    background: rgba(255,255,255,.58) !important;
    color: #15162A !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li > a:hover::before,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li > a:hover::before,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li > a:hover::before,
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li.active > a::before,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li.active > a::before,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li.active > a::before {
    background: #15162A !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar li:first-child > a,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar li:first-child > a,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar li:first-child > a {
    color: #15162A !important;
    font-weight: 850 !important;
    margin-bottom: 14px !important;
}

/* Odhlásiť sa na spodok ľavého panelu */
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar a[href*="logout"],
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar a[href*="logout"],
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar a[href*="logout"],
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar .btn[href*="logout"],
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar .btn[href*="logout"],
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar .btn[href*="logout"] {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    align-self: stretch !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 20px !important;

    border-radius: 999px !important;
    background: #15162A !important;
    color: #ffffff !important;
    border: 0 !important;

    font-weight: 850 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(21,22,42,.16) !important;
}

.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar a[href*="logout"]::before,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar a[href*="logout"]::before,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar a[href*="logout"]::before,
.content-wrapper:has(.sidebar a[href*="klient"]) .sidebar .btn[href*="logout"]::before,
.content-wrapper:has(.sidebar a[href*="client"]) .sidebar .btn[href*="logout"]::before,
.content-wrapper:has(.sidebar a[href*="customer"]) .sidebar .btn[href*="logout"]::before {
    display: none !important;
    content: none !important;
}