/* =====================================================
   CELESTINE BACKGROUND TEST v1
   Shoptet Samba
===================================================== */

/* Hlavní pozadí */
html,
body{
    background:#071625 !important;
}

/* Gradient */
body{
    background:
        radial-gradient(circle at 50% -15%,
            rgba(40,150,255,.18) 0%,
            transparent 38%),

        radial-gradient(circle at 50% 120%,
            rgba(0,180,255,.12) 0%,
            transparent 45%),

        linear-gradient(
            180deg,
            #071625 0%,
            #0A213B 25%,
            #10314E 60%,
            #184E72 100%
        ) !important;

    background-attachment:fixed;
}


/* ZRUŠIT pozadí hlavních wrapperů */
#overall-wrapper,
#content-wrapper,
.content-wrapper,
.content-wrapper-in,
#content,
.content,
main,
.container,
.container-full-width,
.full-width,
.welcome-wrapper,
.homepage-banners-full-width,
.benefit-banners-full-width,
.footer-newsletter-full-width,
.footer-bottom-full-width{

    background:transparent !important;

}


/* Zrušit pseudo prvky */
#overall-wrapper::before,
#overall-wrapper::after,
#content-wrapper::before,
#content-wrapper::after,
.content-wrapper::before,
.content-wrapper::after{

    background:none !important;

}


/* Footer */
footer,
#footer{

    background:transparent !important;

}


/* Breadcrumbs */
.breadcrumbs,
.navigation-home-icon-wrapper{

    background:transparent !important;

}

/* Kdyby měl pozadí i vnitřní wrapper */
.breadcrumbs::before,
.breadcrumbs::after{

    background:transparent !important;

}

.listSorting__controls li,
.listSorting__controls li a{

    background:rgba(255,255,255,.05) !important;
    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.08) !important;

    border-radius:12px;

    color:#fff !important;

    transition:.25s;
}

.listSorting__controls li:hover{

    background:rgba(255,255,255,.12) !important;
    transform:translateY(-2px);

}
.category-header{
    background: transparent !important;
    box-shadow:none !important;
    border:none !important;
}

.listSorting{
    background: transparent !important;
    box-shadow:none !important;
    border:none !important;
}
/* Breadcrumb */

.breadcrumbs,
.breadcrumbs *,

.navigation-home-icon-wrapper,
.navigation-home-icon-wrapper *,

.breadcrumbs span,
.breadcrumbs a,
.breadcrumbs i,

span[itemprop="name"],
span[itemprop="itemListElement"]{

    color:#ffffff !important;

}
/* Benefit bannery */

.benefitBanner__title,
.benefitBanner__data{
    color:#ffffff !important;
}
/* Ikona přihlášení */

.top-nav-button-login,
.top-nav-button-login::before,
.top-nav-button-login svg,
.top-nav-button-login svg *,
.top-nav-button-login i{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
}
/* Pozadí dropdown menu */

.menu-level-2{
    background:linear-gradient(
        180deg,
        #0A213B 0%,
        #10314E 100%
    ) !important;

    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.35);
}

/* Jednotlivé položky */

.menu-level-2 li{
    background:transparent !important;
}

/* Odkazy */

.menu-level-2 li a{
    color:#fff !important;
    transition:.2s;
}

/* Hover */

.menu-level-2 li:hover,
.menu-level-2 li a:hover{
    background:rgba(255,255,255,.06) !important;
    color:#6EB8FF !important;
}
.price-additional{
    color:#AEBCCD !important;
}
/* Výchozí tlačítka */

.listSorting__control{
    background:#163554 !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    transition:.2s;
}

/* Hover */

.listSorting__control:hover{
    background:#215A91 !important;
    color:#fff !important;
    border-color:#4C9DF4 !important;
}

/* Aktivní tlačítko */

.listSorting__control[aria-disabled="true"]{
    background:linear-gradient(
        180deg,
        #2D78C9 0%,
        #1D5FA7 100%
    ) !important;

    color:#fff !important;
    border:1px solid #5DAEFF !important;
    box-shadow:0 0 18px rgba(93,174,255,.25);
}
/* ============================
   Popupy - Hledání, Přihlášení, Košík
============================ */

.popup-widget-inner{
    background: linear-gradient(
        180deg,
        #0A213B 0%,
        #10314E 45%,
        #184E72 100%
    ) !important;

    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:16px !important;
    color:#fff !important;
    box-shadow:0 20px 50px rgba(0,0,0,.45) !important;
}

/* Nadpisy */
.popup-widget-inner h1,
.popup-widget-inner h2,
.popup-widget-inner h3,
.popup-widget-inner h4,
.popup-widget-inner p,
.popup-widget-inner label,
.popup-widget-inner span,
.popup-widget-inner strong{
    color:#fff !important;
}

/* Inputy */
.popup-widget-inner input{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
}

.popup-widget-inner input::placeholder{
    color:#b9c8d8 !important;
}

/* Tlačítka */
.popup-widget-inner button,
.popup-widget-inner .btn,
.popup-widget-inner input[type="submit"]{
    background:#1D5FAF !important;
    border:none !important;
    color:#fff !important;
}

.popup-widget-inner button:hover,
.popup-widget-inner .btn:hover,
.popup-widget-inner input[type="submit"]:hover{
    background:#2A73CC !important;
}

/* Odkazy */
.popup-widget-inner a{
    color:#8CCBFF !important;
}

.popup-widget-inner a:hover{
    color:#fff !important;
}
.popup-widget-inner input:focus,
.search-widget input:focus,
.form-control:focus{
    outline:none !important;
    box-shadow:none !important;
    border-color:rgba(255,255,255,.15) !important;
}
.user-action-search{
    background:linear-gradient(
        180deg,
        #0A213B 0%,
        #10314E 45%,
        #184E72 100%
    ) !important;
}

.user-action-search fieldset{
    background:transparent !important;
}

.user-action-search .search-input{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.12)!important;
}

.user-action-search .btn{
    background:#1D5FAF!important;
    color:#fff!important;
}
.cart-widget-products,
.cart-widget-products-inner{
    background:transparent !important;
    border:none !important;
}
.cart-widget-product,
.cart-widget-empty,
.cart-widget-title{
    background:transparent !important;
}
#cart-widget{
    --colors-surface-white: transparent !important;
}
/* Výsledky vyhledávání */
.searchWhisperer,
.searchWhisperer.active{
    background:linear-gradient(180deg,#12304F,#1D547A) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:16px !important;
    box-shadow:0 12px 40px rgba(0,0,0,.35) !important;
}
/* Nadpis "Produkty" */
.homepage-group-title,
.homepage-products-heading-5,
.homepage-products-heading-5.h4{
    color:#F2F6FA !important;
}

/* Nadpis "Vítejte v našem obchodě" */
.welcome .h1,
[data-testid="eshopHeader"],
.welcome .h1[data-testid="eshopHeader"]{
    color:#F2F6FA !important;
}
.welcome .h1,
[data-testid="eshopHeader"]{
    color:#F2F6FA !important;
    -webkit-text-fill-color:#F2F6FA !important;
}

/* ==========================================
   CELESTINE CARDS v2
========================================== */

.sidebar,
.sidebar-box,
.menu-helper,
.product,
.cart-widget,
.popup-widget-inner,
.searchWhisperer,
.filters-wrapper{

    background:linear-gradient(
        180deg,
        #102B46 0%,
        #0C243D 100%
    ) !important;

    border:none !important;
    border-radius:18px !important;
    box-shadow:none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}


/* Hover */

.category-top:hover,
.sidebar:hover,
.sidebar-box:hover,
.product:hover,
.homepage-group:hover,
.products-block:hover{

    transform:translateY(-2px);

    box-shadow:
        0 12px 26px rgba(0,0,0,.24),
        0 0 14px rgba(70,145,255,.10);

}/* SIDEBAR */
.sidebar-inner{
    border: none !important;
}

/* Kategorie nahoře */
.category-top{
    border: none !important;
}

/* Karty kategorií */
.category-perex{
    border: none !important;
}
/* Tlačítka kategorií */
.subcategories li a{
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    background: #17385B;
    transition: .25s ease;
}

/* Hover */
.subcategories li a:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(13,65,120,.45);
}

/* Obrázek vlevo */
.subcategories li a .image{
    border: none !important;
}
.sidebar-inner{
    background: transparent !important;
    padding: 0 !important;
}

.sidebar-inner > .box{
    background:#112B49 !important;
    border:none !important;
    box-shadow:none !important;
    margin-bottom:16px;
    border-radius:18px;
}
/* Odstranění horní čáry nad produkty */
.products-top-header{
    border-top: none !important;
    padding-top: 0 !important;
}
.products-block{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    padding:0 !important;
    margin:0 !important;
}
.category-content-wrapper{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    padding:0 !important;
    margin:0 !important;
}
.products-block .product{
    border-radius:18px;
    overflow:hidden;
}
.products-block{
    align-items:flex-start;
}

.product{
    height:auto !important;
    min-height:unset !important;
}

.p{
    height:auto !important;
}

.p-in{
    height:auto !important;
}

/* Kategorie */

body.type-category #products{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
}

body.type-category #products > .product{
    width:calc((100% - 40px) / 3) !important;
    flex:0 0 calc((100% - 40px) / 3) !important;
    max-width:calc((100% - 40px) / 3) !important;
}
body.type-index .homepage-products .product{
    width:310px !important;
    flex:0 0 310px !important;
    max-width:310px !important;
}
.product{
    background:linear-gradient(
        180deg,
        #173A5E 0%,
        #12304F 100%
    ) !important;
}
.product .image{
    padding:18px 18px 0;
}

.product .image img{
    border-radius:14px;
}

/* DETAIL BUTTON*/
/* DETAIL tlačítko na kartách produktů */

.product .btn,
.product .btn-primary{
    background:#1D5FAF !important;
    color:#ffffff !important;
    border:none !important;

    opacity:1 !important;
    visibility:visible !important;

    font-size:16px !important;
    font-weight:600;

    text-shadow:none !important;
}

.product .btn:hover,
.product .btn-primary:hover{
    background:#2C79D1 !important;
    color:#ffffff !important;
}
.products{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

#products{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}
.products-top{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

.products-top-header{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

.category-header{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}
/* =========================================================
   CELESTINE UI - CART REDESIGN
========================================================= */

/* Tabulka */

.cart-table{
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 22px !important;
    background:transparent !important;
}

/* Zrušení všech bílých pozadí */

.cart-content,
.cart-table,
.cart-table tbody,
.cart-table tr,
.cart-table td{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Produkt */

.cart-table tr.removeable{

    background:linear-gradient(
        180deg,
        #173A5E 0%,
        #12304F 100%
    ) !important;

    border-radius:22px !important;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 15px 35px rgba(0,0,0,.28),
        inset 0 1px rgba(255,255,255,.05);

    transition:.25s ease;
}

.cart-table tr.removeable:hover{

    transform:translateY(-2px);

    border-color:rgba(70,160,255,.35);

    box-shadow:
        0 20px 45px rgba(0,0,0,.35),
        0 0 30px rgba(65,140,255,.12);
}

/* Buňky */

.cart-table tr.removeable td{

    background:transparent !important;

    padding-top:16px !important;
    padding-bottom:16px !important;

    vertical-align:middle;
}

/* Obrázek */

.cart-table .p-image{

    width:150px;

    padding-left:28px !important;
    padding-right:20px !important;
}

.cart-table .p-image img{

    border-radius:14px;

    display:block;
}

/* Název */

.cart-table .p-name{

    padding-left:8px !important;
}

.cart-table .p-name a{

    color:#fff;

    font-weight:700;

    font-size:24px;

    text-decoration:none;
}

/* Varianta */

.cart-table .p-name small,
.cart-table .variant-label{

    color:rgba(255,255,255,.55);
}

/* Cena */

.cart-table .p-price,
.cart-table .p-total{

    font-size:30px;

    font-weight:800;

    color:#fff;

    white-space:nowrap;
}

/* Dostupnost */

.cart-table .availability{

    color:#53D15D;

    font-weight:600;
}

/* Množství */

.quantity,
.quantity input{

    border-radius:12px !important;
}

/* Tlačítka + a - */

.quantity button{

    background:#16304F !important;

    border:1px solid rgba(255,255,255,.12);

    color:#fff;
}

/* Rekapitulace */

.cart-summary{

    background:linear-gradient(
        180deg,
        #173A5E,
        #12304F
    ) !important;

    border-radius:22px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 15px 35px rgba(0,0,0,.28),
        inset 0 1px rgba(255,255,255,.05);

    padding:28px;
}

/* Pokračovat */

.cart-summary .btn{

    width:100%;

    border-radius:14px;

    font-size:20px;

    font-weight:700;
}

/* Doprava zdarma */

.free-shipping,
.gifts,
.discount-coupon{

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02)
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:22px;

    margin-top:18px;
}

/* Mobil */

@media(max-width:991px){

    .cart-table{

        border-spacing:0 14px !important;
    }

    .cart-table tr.removeable{

        display:block;
    }

    .cart-table td{

        display:block;
        width:100%;
        text-align:center;
    }

    .cart-table .p-image{

        width:auto;
        padding:20px !important;
    }

    .cart-table .p-name{

        padding:0 20px 20px;
    }

}
/* ==========================================
   KOŠÍK - FINÁLNÍ DOLADĚNÍ
========================================== */

/* Zaoblení celé produktové karty */

.cart-table{
    border-collapse:separate !important;
    border-spacing:0 22px !important;
}

.cart-table tr.removeable td:first-child{
    border-radius:22px 0 0 22px;
}

.cart-table tr.removeable td:last-child{
    border-radius:0 22px 22px 0;
}

/* stejné pozadí všech buněk */

.cart-table tr.removeable td{
    background:linear-gradient(
        180deg,
        #173A5E 0%,
        #12304F 100%
    ) !important;
}

/* ---------- TEXT ---------- */

.cart-table,
.cart-table *{
    color:#ffffff;
}

/* varianta produktu */

.main-link-variant,
.variant-label,
.p-label{
    color:rgba(255,255,255,.65) !important;
}

/* dostupnost */

.cart-product-availability,
.availability{
    color:#55d96d !important;
}

/* cena za kus */

.unit-value,
.p-price .unit-value{
    color:rgba(255,255,255,.65) !important;
}

/* název */

.main-link,
.p-name a{
    color:#fff !important;
    font-weight:700;
}

/* křížek */

.remove-item,
.remove-item::before{
    color:rgba(255,255,255,.7) !important;
}

.remove-item:hover,
.remove-item:hover::before{
    color:#ff6b6b !important;
}

/* tlačítka + a - */

.quantity button{
    color:#fff !important;
}

/* input množství */

.quantity input{
    color:#fff !important;
}
.cart-table tr.removeable td{
    box-shadow:
        inset 0 1px rgba(255,255,255,.04),
        0 12px 30px rgba(0,0,0,.22);
}

/* Aktivní krok checkoutu */

.cart-header li.active strong::before{
    background:linear-gradient(
        180deg,
        #2E7EF8 0%,
        #2367D9 100%
    ) !important;

    border:1px solid rgba(255,255,255,.15) !important;

    box-shadow:
        inset 0 1px rgba(255,255,255,.15),
        0 10px 25px rgba(0,0,0,.30);

    color:#fff !important;
}

/* odstranění výchozího overlaye */

.cart-header li.active strong::after,
.cart-header li.active::after{
    display:none !important;
    content:none !important;
}

/* kdyby overlay dělal přímo background-color */

.cart-header li.active strong{
    background:transparent !important;
}

/* ===== COMPLETED STEP ===== */

ol.cart-header li.completed > a::before{
    background:#2E7BFF !important;
    background-image:linear-gradient(180deg,#3F8BFF 0%,#1D5FD4 100%) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.15),
        0 10px 24px rgba(0,0,0,.30) !important;
}

ol.cart-header li.completed > a{
    color:#fff !important;
}

ol.cart-header li.completed > a span{
    color:#fff !important;
}