/* =========================================================
   CigaretaJinak – mini košík v headeru v3
   Vizuální úprava nativního Shoptet košíku.
   ========================================================= */

@media (min-width: 992px){

    /* Vnější Shoptet vrstva nesmí dělat druhý bílý box */
    #cart-widget.cart-widget,
    #cart-widget.popup-widget,
    #cart-widget.user-action-cart{
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    #cart-widget::before,
    #cart-widget::after{
        display:none !important;
        content:none !important;
    }

    #cart-widget .cart-widget-inner,
    #cart-widget .popup-widget-inner{
        width:680px !important;
        max-width:calc(100vw - 40px) !important;
        margin:0 !important;
        padding:0 !important;
        border:1px solid #e8e8e8 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 18px 44px rgba(0,0,0,.14) !important;
        overflow:hidden !important;
    }

    /* Produkty */
    #cart-widget .cart-widget-products{
        padding:8px 18px 0 !important;
        background:#fff !important;
    }

    #cart-widget .cart-widget-product{
        display:grid !important;
        grid-template-columns:56px minmax(0,1fr) 108px 70px 24px !important;
        align-items:center !important;
        column-gap:14px !important;
        min-height:92px !important;
        padding:14px 0 !important;
        margin:0 !important;
        border:0 !important;
        border-bottom:1px solid #eee !important;
        background:#fff !important;
    }

    #cart-widget .cart-widget-product:last-child{
        border-bottom:0 !important;
    }

    #cart-widget .cart-widget-product-image,
    #cart-widget .cart-widget-product-image a{
        width:56px !important;
        height:56px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    #cart-widget .cart-widget-product-image{
        border:1px solid #ececec !important;
        border-radius:10px !important;
        background:#fafafa !important;
        overflow:hidden !important;
    }

    #cart-widget .cart-widget-product-image img{
        max-width:50px !important;
        max-height:50px !important;
        width:auto !important;
        height:auto !important;
        object-fit:contain !important;
    }

    #cart-widget .cart-widget-product-name{
        min-width:0 !important;
        padding:0 !important;
    }

    #cart-widget .cart-widget-product-name a,
    #cart-widget .cart-widget-product-name > span:first-child{
        color:#222 !important;
        font-size:14px !important;
        line-height:1.35 !important;
        font-weight:800 !important;
        text-decoration:none !important;
    }

    #cart-widget .cart-widget-product-name small,
    #cart-widget .cart-widget-product-name .variant,
    #cart-widget .cart-widget-product-name > span:not(:first-child){
        display:block !important;
        margin-top:3px !important;
        color:#777 !important;
        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:400 !important;
    }

    /* Quantity */
    #cart-widget .quantity{
        position:relative !important;
        display:grid !important;
        grid-template-columns:34px 40px 34px !important;
        grid-template-rows:38px !important;
        align-items:stretch !important;
        width:108px !important;
        height:38px !important;
        min-width:108px !important;
        margin:0 !important;
        padding:0 !important;
        border:1px solid #e0e0e0 !important;
        border-radius:9px !important;
        background:#fff !important;
        overflow:hidden !important;
        box-shadow:none !important;
    }

    #cart-widget .quantity label{
        grid-column:2 !important;
        grid-row:1 !important;
        display:block !important;
        width:40px !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
    }

    #cart-widget .quantity .amount{
        display:block !important;
        width:40px !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-left:1px solid #ededed !important;
        border-right:1px solid #ededed !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:none !important;
        color:#222 !important;
        font-size:13px !important;
        line-height:38px !important;
        font-weight:800 !important;
        text-align:center !important;
        appearance:textfield !important;
        -moz-appearance:textfield !important;
    }

    #cart-widget .quantity .amount::-webkit-outer-spin-button,
    #cart-widget .quantity .amount::-webkit-inner-spin-button{
        display:none !important;
        margin:0 !important;
        -webkit-appearance:none !important;
    }

    #cart-widget .quantity .decrease{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    #cart-widget .quantity .increase{
        grid-column:3 !important;
        grid-row:1 !important;
    }

    #cart-widget .quantity .increase,
    #cart-widget .quantity .decrease{
        position:static !important;
        inset:auto !important;
        transform:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:34px !important;
        height:38px !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:#f7f7f7 !important;
        color:#333 !important;
        box-shadow:none !important;
        font-size:0 !important;
        line-height:1 !important;
        text-indent:0 !important;
    }

    /* Jupiter/Shoptet může kreslit +/− ještě pseudo-elementem.
       Necháváme pouze skutečný span uvnitř tlačítka. */
    #cart-widget .quantity .increase::before,
    #cart-widget .quantity .increase::after,
    #cart-widget .quantity .decrease::before,
    #cart-widget .quantity .decrease::after{
        display:none !important;
        content:none !important;
    }

    #cart-widget .quantity .increase__sign,
    #cart-widget .quantity .decrease__sign{
        display:block !important;
        position:static !important;
        transform:none !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        color:#333 !important;
        font-size:18px !important;
        line-height:1 !important;
        font-weight:500 !important;
        text-indent:0 !important;
    }

    #cart-widget .quantity .increase:hover,
    #cart-widget .quantity .decrease:hover{
        background:#eff9eb !important;
    }

    #cart-widget .quantity .increase:hover .increase__sign,
    #cart-widget .quantity .decrease:hover .decrease__sign{
        color:#48b83e !important;
    }

    /* tooltip vrstvy uvnitř quantity nesmí tvořit viditelný artefakt */
    #cart-widget .quantity .increase-tooltip,
    #cart-widget .quantity .decrease-tooltip{
        display:none !important;
    }

    /* Cena */
    #cart-widget .cart-widget-product-price{
        color:#222 !important;
        font-size:14px !important;
        line-height:1.2 !important;
        font-weight:800 !important;
        text-align:right !important;
        white-space:nowrap !important;
    }

    /* Remove */
    #cart-widget .cart-widget-product-delete,
    #cart-widget .remove-item,
    #cart-widget [data-testid="cartItemRemove"]{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:50% !important;
        background:transparent !important;
        color:#aaa !important;
        opacity:1 !important;
        box-shadow:none !important;
    }

    #cart-widget .cart-widget-product-delete::before,
    #cart-widget .cart-widget-product-delete::after{
        box-shadow:none !important;
    }

    /* Footer / doprava */
    #cart-widget .cart-widget-summary,
    #cart-widget .cart-widget-bottom,
    #cart-widget .cart-widget-footer{
        padding:14px 18px 18px !important;
        border-top:1px solid #eee !important;
        background:#fbfbfb !important;
    }

    #cart-widget .cart-free-shipping,
    #cart-widget .free-shipping,
    #cart-widget .extra.delivery{
        margin:0 0 10px !important;
        color:#444 !important;
        font-size:12px !important;
        line-height:1.4 !important;
    }

    #cart-widget .progress,
    #cart-widget .free-shipping-progress{
        height:4px !important;
        margin-top:8px !important;
        border:0 !important;
        border-radius:10px !important;
        background:#ddd !important;
        overflow:hidden !important;
    }

    #cart-widget .progress-bar,
    #cart-widget .free-shipping-progress > span{
        height:100% !important;
        border-radius:10px !important;
        background:#6ccc43 !important;
    }

    /* CTA – kompaktnější, podobné tlačítkům Prodejny */
    #cart-widget a.btn.btn-conversion,
    #cart-widget a.btn-primary,
    #cart-widget .cart-widget-button,
    #cart-widget a[href="/kosik/"]{
        width:auto !important;
        min-width:218px !important;
        max-width:250px !important;
        min-height:48px !important;
        height:48px !important;
        margin:0 0 0 auto !important;
        padding:0 22px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:12px !important;
        border:1px solid #6ccc43 !important;
        border-radius:9px !important;
        background:#6ccc43 !important;
        color:#fff !important;
        box-shadow:none !important;
        font-size:12px !important;
        line-height:1 !important;
        font-weight:800 !important;
        letter-spacing:.02em !important;
        text-decoration:none !important;
    }

    #cart-widget a.btn.btn-conversion:hover,
    #cart-widget a.btn-primary:hover,
    #cart-widget .cart-widget-button:hover,
    #cart-widget a[href="/kosik/"]:hover{
        border-color:#58bb39 !important;
        background:#58bb39 !important;
        color:#fff !important;
    }
}

@media (max-width:991px){
    #cart-widget .cart-widget-inner,
    #cart-widget .popup-widget-inner{
        border-radius:14px 14px 0 0 !important;
        overflow:hidden !important;
    }
}
/* =========================================================
   v4 – header cart polish
   ========================================================= */

@media (min-width: 992px){

    /* Horní tlačítko košíku – stejné "měkčí" zpracování jako kontakt */
    #header .navigation-buttons a[data-testid="headerCart"]{
        border:1px solid transparent !important;
        border-radius:10px !important;
        outline:none !important;
        box-shadow:none !important;
        transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
    }

    #header .navigation-buttons a[data-testid="headerCart"]:hover{
        background:#f7f7f7 !important;
        border-color:#ececec !important;
        box-shadow:none !important;
    }

    #header .navigation-buttons a[data-testid="headerCart"]:focus,
    #header .navigation-buttons a[data-testid="headerCart"]:focus-visible,
    #header .navigation-buttons a[data-testid="headerCart"]:active,
    #header .navigation-buttons a[data-testid="headerCart"][aria-expanded="true"]{
        outline:none !important;
        box-shadow:none !important;
        border-color:#e5e5e5 !important;
        background:#fff !important;
    }

    /* Jemnější optické napojení – bez "špičky"/přesahu z šablony */
    #cart-widget.cart-widget::before,
    #cart-widget.cart-widget::after,
    #cart-widget.popup-widget::before,
    #cart-widget.popup-widget::after{
        display:none !important;
        content:none !important;
    }
}
/* =========================================================
   v5 – správný vertikální odstup popupu
   ========================================================= */

@media (min-width: 992px){

    /* Outer popup necháme na původní Shoptet pozici.
       Posuneme jen jeho vnitřní kartu dolů, aby nepřekrývala trigger košíku. */
    #cart-widget .cart-widget-inner,
    #cart-widget .popup-widget-inner{
        position:relative !important;
        top:18px !important;
    }
}
/* =========================================================
   v6 – jemné odsazení levé produktové části
   ========================================================= */

@media (min-width: 992px){
    #cart-widget .cart-widget-product-image,
    #cart-widget .cart-widget-product-name{
        transform:translateX(10px);
    }
}