.elementor-247 .elementor-element.elementor-element-67fe6e39{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-a85d190 */.cart_totals.calculated_shipping h2 { font-size: 26px !important; } /* ===== CART: 2 kolone + update dugme (FORCE) ===== */ .woocommerce-cart .woocommerce{ display:flex !important; gap:32px !important; align-items:flex-start !important; } .woocommerce-cart .woocommerce-cart-form{ flex:0 0 68% !important; max-width:68% !important; width:68% !important; } .woocommerce-cart .cart-collaterals{ flex:0 0 32% !important; max-width:32% !important; width:32% !important; } /* Update cart red */ .woocommerce-cart table.shop_table td.actions{ padding-top:18px !important; padding-bottom:18px !important; text-align:right !important; } /* Update cart dugme – da bude vidljivo i “primarno” */ .woocommerce-cart button[name="update_cart"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:10px !important; padding:14px 18px !important; font-weight:600 !important; min-height:46px !important; width:auto !important; } /* Disabled stanje (da se vidi da postoji dugme) */ .woocommerce-cart button[name="update_cart"][disabled], .woocommerce-cart button[name="update_cart"].disabled{ opacity:.55 !important; cursor:not-allowed !important; } /* Totals kao kartica */ .woocommerce-cart .cart-collaterals .cart_totals{ background:#fff !important; border:1px solid rgba(0,0,0,.08) !important; border-radius:14px !important; padding:22px !important; } /* Checkout dugme u totals */ .woocommerce-cart .cart-collaterals .checkout-button{ width:100% !important; border-radius:12px !important; padding:16px 18px !important; font-weight:700 !important; } /* Sticky totals na desktop */ @media (min-width: 992px){ .woocommerce-cart .cart-collaterals{ position:sticky !important; top:24px !important; } } /* ===== MOBILE ===== */ @media (max-width: 991px){ .woocommerce-cart .woocommerce{ flex-direction:column !important; } .woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .woocommerce-cart table.shop_table{ width:100% !important; display:block !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; } .woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th{ padding:12px !important; } .woocommerce-cart table.shop_table td.actions{ text-align:left !important; } .woocommerce-cart button[name="update_cart"]{ width:100% !important; } } /* ===== CART MOBILE FIX (Woo shortcode cart) ===== */ @media (max-width: 767px){ /* Da ništa ne štrči i da bude normalan širina */ .woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals{ width:100% !important; max-width:100% !important; } /* Tabela u “card” prikaz */ .woocommerce-cart table.shop_table{ display:block !important; width:100% !important; overflow:visible !important; } .woocommerce-cart table.shop_table thead{ display:none !important; } .woocommerce-cart table.shop_table tbody, .woocommerce-cart table.shop_table tr, .woocommerce-cart table.shop_table td{ display:block !important; width:100% !important; } /* Svaki proizvod kao kartica */ .woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item{ border:1px solid rgba(0,0,0,.08) !important; border-radius:14px !important; padding:14px !important; margin:0 0 14px 0 !important; background:#fff !important; } /* Ukloni linije koje prave “razbijen” izgled */ .woocommerce-cart table.shop_table td{ border:0 !important; padding:10px 0 !important; } /* Slika manja i levo poravnata */ .woocommerce-cart td.product-thumbnail{ text-align:left !important; padding-top:0 !important; } .woocommerce-cart td.product-thumbnail img{ width:56px !important; height:auto !important; } /* Naziv proizvoda malo jači */ .woocommerce-cart td.product-name a{ font-weight:700 !important; display:inline-block !important; } /* Količina – da input ne bude mali i da ne “pliva” */ .woocommerce-cart td.product-quantity input.qty{ width:80px !important; min-height:44px !important; } /* Remove (x) da bude u gornjem desnom uglu kartice */ .woocommerce-cart td.product-remove{ position:relative !important; padding:0 !important; } .woocommerce-cart td.product-remove a.remove{ position:absolute !important; top:-6px !important; right:-6px !important; width:34px !important; height:34px !important; line-height:34px !important; text-align:center !important; border-radius:999px !important; background:rgba(0,0,0,.06) !important; } /* Actions (update cart) kao posebna traka */ .woocommerce-cart table.shop_table tr td.actions{ padding:0 !important; margin-top:10px !important; } .woocommerce-cart button[name="update_cart"]{ width:100% !important; } /* Totals kartica da ide ispod i bude pun width */ .woocommerce-cart .cart-collaterals{ position:static !important; top:auto !important; } } /* Ukloni sivu pozadinu u "Ukupna vrednost korpe" */ .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals tr, .woocommerce-cart .cart-collaterals .cart_totals th, .woocommerce-cart .cart-collaterals .cart_totals td{ background: transparent !important; } /* Ako želiš da kartica bude bela (preko transparent) */ .woocommerce-cart .cart-collaterals .cart_totals{ background: #fff !important; } /* Bonus: ukloni zebra efekat ako tema koristi :nth-child */ .woocommerce-cart .cart-collaterals .cart_totals table tr:nth-child(even) td, .woocommerce-cart .cart-collaterals .cart_totals table tr:nth-child(even) th{ background: transparent !important; } /* ===== MOBILE: ukloni sive pozadine (zebra) i smanji naslov totals ===== */ @media (max-width: 767px){ /* 1) Ukloni SVE zebra/sive pozadine u KORPI (kada je više proizvoda) */ .woocommerce-cart table.shop_table tr, .woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th, .woocommerce-cart table.shop_table tbody tr:nth-child(even) td, .woocommerce-cart table.shop_table tbody tr:nth-child(even) th, .woocommerce-cart table.shop_table tbody tr:nth-child(odd) td, .woocommerce-cart table.shop_table tbody tr:nth-child(odd) th{ background: transparent !important; } /* Ako ti se siva javlja baš na "Ukupno" redu u item kartici */ .woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item td{ background: transparent !important; } /* 2) Totals: ukloni pozadine iz tabele (da nema sivih traka) */ .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals tr, .woocommerce-cart .cart-collaterals .cart_totals th, .woocommerce-cart .cart-collaterals .cart_totals td{ background: transparent !important; } .woocommerce-cart .cart-collaterals .cart_totals{ background: #fff !important; } /* 3) Smanji naslov "Ukupna vrednost korpe" na telefonu */ .woocommerce-cart .cart-collaterals .cart_totals > h2, .woocommerce-cart .cart-collaterals .cart_totals h2{ font-size: 26px !important; line-height: 1.15 !important; margin: 0 0 14px 0 !important; } /* Bonus: malo zategni razmake u totals */ .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td{ padding: 10px 0 !important; } } /* ===== VEĆE SLIKE PROIZVODA U KORPI ===== */ .woocommerce-cart table.shop_table img, .woocommerce-cart .product-thumbnail img{ width: 90px !important; max-width: 90px !important; height: auto !important; } /* Glavni ukupni iznos */ .woocommerce-cart .order-total td, .woocommerce-cart .order-total th{ font-size: 20px !important; font-weight: 700 !important; color: #000 !important; }
.return-to-shop .button.wc-backward {
    display: none !important;
}
.woocommerce-shipping-destination {
    display: none !important;
}
.cart_totals h2 {
    font-size: 20px !important;
}/* End custom CSS */