/*.box.box-bg-dark, .box.box-bg-default, .box.box-bg-variant {*/
/*    border: none !important;*/
/*}*/

/* =============================================
   Vikon - Cart Krok 2 (Doprava + Platba)
   ============================================= */

/* ── BOX WRAPPER ── */

/* ── NADPIS - pill header ── */
/* ── BOX - reset Shoptet padding ── */

.co-delivery-method,
.co-payment-method {
    padding: 16px !important;
    box-sizing: border-box !important;
    border: none !important;
    border-top: none !important;
    background: #FFFFFF !important;
    border-radius: 16px !important;
}

/* ── NADPIS - pill header ── */

.co-delivery-method h4,
.co-payment-method h4 {
    display: flex !important;
    align-items: center !important;
    padding: 16px !important;
    gap: 8px !important;
    width: 100% !important;
    height: 64px !important;
    background: #F1F1F6 !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 32px !important;
    color: #14141F !important;
    text-transform: none !important;
    box-sizing: border-box !important;
    border: none !important;
    margin: 0 0 26px 0 !important;
    padding-left: 16px !important;
    position: static !important;
}

/* Ikona - reset Shoptet absolute pozície */
.co-delivery-method h4::before,
.co-payment-method h4::before {
    position: static !important;
    margin-top: 0 !important;
    top: auto !important;
    left: auto !important;
    color: #14141F !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

/* ── NÁZOV DOPRAVY ── */
.shipping-billing-table .shipping-billing-name {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #14141F !important;
    text-transform: none !important;
}

/* ── PICKUP POINT LINK ── */
.shipping-billing-table .sublabel.pickup-point-choose a {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #EF1022 !important;
    text-decoration: underline !important;
}

.cart-content .co-delivery-method,
.cart-content .co-payment-method {
    margin-bottom: 16px !important;
}

.col-md-8 .cart-content {
    padding: 1px !important;
}

form#order-form.order-delivery-payment-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    background: #F5F5F5 !important;
}

.checkout-box {
    display:none !important;
}

/*zhrnutie objednavky*/
.order-summary-item.price {
    border: none !important;
}


 /*HLAVNÝ KONTAJNER (Frame 91 / Frame 11) */
#checkoutSidebar .cart-content {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 32px !important;
    width: 100% !important;
    max-width: 436px !important;
    min-width: 320px !important;
    box-shadow: none !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 23.62px !important;
}

 /*NADPIS: REKAPITULÁCIA OBJEDNÁVKY */
#summary-box h4 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 32px !important;
    color: #14141F !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
}

 /*POLOŽKY V KOŠÍKU (Frame 91 / Frame 92) */
.cart-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: none !important; /* Odstráni spodnú čiaru ak tam je */
    background: none !important;
}
.cart-item-name {
    flex: 1 !important; /* Vyplní voľné miesto vľavo */
    min-width: 0 !important; /* Dôležité pre správne zalamovanie textu */
}

.cart-item-name a {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #14141F !important;
    text-decoration: none !important;
    display: block !important;
}

.cart-item-amount,
.cart-item-price {
    flex-shrink: 0 !important; /* Aby sa nezmenšovali pri dlhom názve */
    text-align: right !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #14141F !important;
    white-space: nowrap !important; /* Aby sa "ks" alebo "€" neodtrhlo */
}

.cart-item-amount {
    color: #626277 !important;
    min-width: 35px !important; /* Zabezpečí, že čísla budú pod sebou */
}

.cart-item:last-of-type {
    border-bottom: none !important;
}

/* 2. ODSTRÁNENIE TÝCH ŠEDÝCH ČIAR (Vertical separators) */
.cart-item-name,
.cart-item-amount,
.cart-item-price {
    border: none !important;       /* Toto zabije tie zvislé čiary */
    outline: none !important;
    background: transparent !important;
    padding: 0 !important;        /* Resetujeme paddingy aby to nelietalo */
}

/* Odstránenie Shoptet pseudo-elementov (často tam majú čiary cez ::after) */
.cart-item::before,
.cart-item::after,
.cart-item-name::after,
.cart-item-amount::after,
.cart-item-price::after {
    content: none !important;
    display: none !important;
}

/* Názov produktu */
.cart-item-name {
    flex: 1 !important;
    text-align: left !important;
    padding-right: 15px !important; /* Medzera od množstva */
}


/* DOPRAVA A PLATBA (Frame 93 / 94) */
.order-recapitulation {
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6.3px !important;
}

.recapitulation-single {
    display: flex !important;
    justify-content: space-between !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #14141F !important;
}

.recapitulation-shipping-billing-info {
    font-weight: 700 !important;
}

/* CELKOM K ÚHRADE (Frame 86 / 88) */
.order-summary-item.price {
    border-top: none !important;
    padding-top: 20px !important;
    margin-top: 10px !important;
}

.price-label.price-primary {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 32px !important;
    color: #14141F !important;
}

.price.price-primary {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #14141F !important;
}

/* TLAČIDLÁ (Frame 90) */
.next-step {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

/* Tlačidlo Späť */
.next-step-back {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #14141F !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

 /*Tlačidlo Pokračovať (Button z Figmy) */
#orderFormButton {
    background: #CD0E1D !important;
    border-radius: 999px !important;
    padding: 16px 26px !important;
    height: 48px !important;
    width: 190px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

#orderFormButton .order-button-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

/*test 2*/

/* 1. ZABIJAK DUPLICITNEJ ŠÍPKY (Vikon / Shoptet img) */
#orderFormButton img.vikon-arrow-img,
#orderFormButton img[src^="data:image/svg+xml"],
#orderFormButton .order-button-text {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. TLAČIDLO POKRAČOVAŤ - KONTAJNER */
#orderFormButton {
    background: #CD0E1D !important;
    border-radius: 999px !important;
    height: 48px !important;
    width: 190px !important;
    border: none !important;
    padding: 0 !important; /* Reset paddingu pre presný stred */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: none !important;
}

/* 3. VLOŽENIE TEXTU A JEDNEJ ŠÍPKY PODĽA FIGMY */
#orderFormButton::before {
    content: 'POKRAČOVAŤ  →' !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. TLAČIDLO SPÄŤ */
.next-step-back {
    font-size: 0 !important;
    color: #14141F !important;
    text-decoration: none !important;
}

.next-step-back::before {
    content: '<  Zpět';
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    text-decoration: underline;
    visibility: visible;
}

/*test3*/

/* 1. ÚPLNÉ VYMAZANIE VŠETKÝCH ŠÍPOK (HTML aj CSS) */
#orderFormButton.vikon-btn-forward::after,
#orderFormButton.next-step-forward::after,
#orderFormButton::after,
.next-step-forward::after {
    content: none !important;
    display: none !important;
}

#orderFormButton img,
#orderFormButton svg,
.vikon-arrow-img {
    display: none !important;
}

/* 2. TVOJ NOVÝ TEXT VRÁTANE JEDNEJ ŠÍPKY */
#orderFormButton span.order-button-text {
    display: none !important; /* Schováme pôvodný text "Pokračovať" */
}

/* Vložíme nový text so šípkou cez ::before, aby sa to nebilo s ::after */
#orderFormButton::before {
    content: 'POKRAČOVAŤ  →' !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
    display: inline-block !important;
    visibility: visible !important;
}

.cart-items {
    margin-top: 20px !important;
}

/* Zacielenie na mobilné zobrazenie (typicky pod 992px v Shoptet šablónach) */
@media (max-width: 991px) {
    /* 1. Vycentrovanie hlavného sidebar kontajnera */
    #checkoutSidebar {
        float: none !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        padding: 0 15px !important; /* Bočný padding na mobile */
    }

    /* 2. Úprava bieleho boxu rekapitulácie */
    #checkoutSidebar .cart-content {
        margin: 20px auto !important; /* Auto margin vycentruje box v strede */
        width: 100% !important;
        max-width: 436px !important; /* Zachováme max šírku z Figmy */
        float: none !important;
    }

    /* 3. Vycentrovanie tlačidiel (Späť a Pokračovať) */
    #checkoutSidebar .next-step {
        display: flex !important;
        flex-direction: row !important; /* Držíme ich vedľa seba */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 436px !important;
        margin: 10px auto !important; /* Vycentruje riadok s tlačidlami */
    }
    .payment-logo {
        display: none !important;
    }
}


/*test*/

/*koniec testu*/