/* Winkelwagen */
.winkelwagen{background: #F7FBFE;padding: 30px 0 75px 0;}
.winkelwagen h1{font-weight: bold !important;margin-bottom: 10px;}
.winkelwagen a.terug{color:#8297BD;display: flex;align-items: center;font-weight: 400;width: fit-content;}

/*.winkelwagen .woocommerce-notices-wrapper:has(div){margin-top: 30px;}*/

.winkelwagen :is(.woocommerce-error, .woocommerce-info, .woocommerce-message){background: #fff !important;}
.winkelwagen .woocommerce-cart-form .shop_table{background: #fff;border-radius: 15px;border: 1px solid #e9e9e9;padding: 30px;}
.winkelwagen .cart-collaterals::before, .winkelwagen .cart-collaterals::after, .winkelwagen .cart_totals::before, .winkelwagen .cart_totals::after{display: none !important;}

.winkelwagen .cart-collaterals .cart_totals{width: 100% !important;float: unset !important;background: #fff;border-radius: 15px;border: 1px solid #e9e9e9;padding: 30px;}
.winkelwagen .cart-collaterals .cart_totals h2{display: block !important;font-size: 20px;line-height: 24px;color: #023a78 !important;margin: 0 0 25px 0;font-weight: bold;}
.winkelwagen .cart-collaterals .cart_totals .collat-item:nth-child(n+2){margin-top: 10px;}
.winkelwagen .cart-collaterals .cart_totals .collat-item > div:nth-child(1){white-space: nowrap;margin-right: 25px;}

.winkelwagen .cart-collaterals .cart_totals .cart-discount{background: #f1f1f1;border-radius: 5px;padding: 10px 15px;}
.winkelwagen .cart-collaterals .cart_totals .cart-discount .woocommerce-remove-coupon{color: darkred;}

.winkelwagen .cart-collaterals .cart_totals .order-total{margin-top: 25px !important;padding-top: 15px;border-top:1px solid #e9e9e9;}
.winkelwagen .cart-collaterals .cart_totals .order-total div{color: #023a78 !important;font-size: 18px;font-weight: bold;}
.winkelwagen .cart-collaterals .cart_totals .order-total div:nth-child(2){font-weight: 500 !important;}
.winkelwagen .cart-collaterals .cart_totals small.includes_tax{display: none;}

.winkelwagen .cart_item + .cart_item{margin-top:25px;padding-top: 25px;border-top: 1px solid #e9e9e9;}
.winkelwagen .cart_item :is(.product-thumbnail, .product-thumbnail a, .product-thumbnail a img){display:block;min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;}
.winkelwagen .cart_item .product-thumbnail img{object-fit:contain;}

.winkelwagen .cart_item .product-name a{text-decoration: none;font-weight: 500;}
.winkelwagen .cart_item .product-price{color: #9B9B9B !important;font-weight: 400;white-space:nowrap;font-size: 14px;}
.winkelwagen .cart_item .divider{color:#bdbdbd;}

.winkelwagen .cart_item .quantity input{border: none;background: #F2F2F2;border-radius: 10px;transition:all 100ms ease-in-out;padding: 8px 10px 8px 8px !important;width: 74px;}
/*.winkelwagen .cart_item .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button{opacity: 1;-webkit-appearance: auto !important;moz-appearance: auto !important;appearance: auto !important;}*/

.winkelwagen .cart_item a.remove{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;border-radius: 50%;background: #F2F2F2;display: flex;align-items: center;justify-content: center;}
.winkelwagen .cart_item a.remove i{color: #9B9B9B;font-size: 16px;transition:all 100ms ease-in-out;}
.winkelwagen .cart_item a.remove:hover{background: #F2F2F2 !important;text-shadow: none;}
.winkelwagen .cart_item a.remove:hover i{color: darkred;}
.winkelwagen .cart_item .product-subtotal{color: #023a78 !important;font-weight: bold;}

.winkelwagen .checkout-button{font-size: 16px !important;display: flex !important;align-items: center;justify-content: center;transition:all 100ms ease-in-out;}
.winkelwagen .checkout-button i{padding-right: 10px;}

.winkelwagen .methodes img{width: 40px;height: 20px;max-height: 20px;max-width: 40px;display: block;object-fit: contain;margin: 5px;}

.winkelwagen .usps img{display: block;object-fit: contain;width: 26px;height: 26px;margin-right: 10px;}
.winkelwagen .usps span{font-size: 14px;}

.winkelwagen .cart-coupon .toggle-coupon{background: transparent;border: none;padding: 0;/*margin-bottom: 15px;*/font-size: 14px;font-weight: 500;color: #8297BD;}
.winkelwagen .cart-coupon .toggle-coupon:hover{color: #8297BD;}
.winkelwagen .cart-coupon .coupon{background: #fff;padding: 15px;border-radius: 15px;border: 1px solid #e9e9e9;}
.winkelwagen .cart-coupon .coupon input[type="text"]{margin: 0 !important;width:100% !important;flex-grow: 1;}
.winkelwagen .cart-coupon .coupon button{border-radius: 10px;transition:all 100ms ease-in-out;padding: 1rem;}
.winkelwagen .cart-coupon .coupon button:hover{background-color: #005f23 !important;color:#fff !important;}

.winkelwagen button[name="update_cart"]{background-color:#ffc26e !important;color:#54595f !important; border-radius: 10px !important;}

/* Cross-sell */
.cross-sells .cs-title{font-weight: bold;font-size: 28px;color: #023A78;margin-bottom: 30px;margin-top: 0;}
.cross-sells .cs-item{border-radius: 10px;border:1px solid #F2F2F2;overflow: hidden;background: #fff;padding: 30px;height: 100%;}
.cross-sells .cs-item h2{height: fit-content;margin: 5px 0 15px 0;font-size: 20px;}
.cross-sells .cs-item span.cat{font-size: 14px;display: block;font-weight: 400;}
.cross-sells .cs-item img{margin-bottom: 15px;}
.cross-sells .cs-item .price{margin-bottom: 20px;display: block;font-size: 16px;}
.cross-sells .cs-item .price .amount{font-size: 20px;}
.cross-sells .cs-item :is(a.button, form.cart button.button){background: #018a33 !important;transition: all 100ms ease-in-out;display: flex !important;justify-content: center;align-items: center;font-weight: 600 !important;border-radius: 10px !important;padding: 15px 25px !important;color:#fff !important;}
.cross-sells .cs-item :is(a.button:hover, form.cart button.button:hover){background: #004218 !important;color:#fff !important;}

.cross-sells .cs-item a.meerinfo{display: block;width: fit-content;color: #FFC26E;font-weight: 400;font-size: 13px;text-decoration: underline;margin-top: 15px;}
.cross-sells .cs-item form.cart{display: flex;flex-direction: row;align-items: center;width: 100%;justify-content: space-between;}
.cross-sells .cs-item form.cart .quantity input[type="number"]{border: none;background: #F2F2F2;border-radius: 10px;padding: 6px 0;text-align: center;width: 40px;}
/*.cross-sells .cs-item input[type="number"]::-webkit-outer-spin-button, .cross-sells .cs-item input[type="number"]::-webkit-inner-spin-button{opacity: 1;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;}*/

.swiper-cart{position: relative;overflow: hidden;width: 100%;}
.swiper-cart .swiper-slide{height: auto;align-self: stretch;}
.swiper-cart .nav-btn{min-width: 42px;max-width: 42px;min-height: 42px;max-height: 42px;border-radius: 50%;background: #FFC26E;transition: all 100ms ease-in-out;box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
.swiper-cart .nav-btn::after{color: #000;font-size: 15px;font-weight: bold;}
.swiper-cart .swiper-button-disabled{opacity: 0 !important;}

/* Quantity selector (cart + cross-sell) */
.woocommerce-cart-form .cart_item .product-quantity-wrap{border-radius: 5px;padding: 5px;background:#F2F2F2;}
.woocommerce-cart-form .cart_item .product-quantity-wrap :is(button.minus, button.plus){background-color: #cdcdcd !important;border-radius: 50% !important;min-height: 26px;max-height: 26px;min-width: 26px;max-width: 26px;display: inline-flex;align-items: center;justify-content: center;border: none;font-size: 20px;color: #000;font-weight: bold;padding: 0;font-family: "Varela Round", Sans-serif;}
.woocommerce-cart-form .cart_item .product-quantity-wrap button.minus{margin:0 10px 0 5px;}
.woocommerce-cart-form .cart_item .product-quantity-wrap button.plus{margin: 0 5px 0 10px;}
.woocommerce-cart-form .cart_item .product-quantity-wrap input[type="number"]{width: 56px;border-radius: 0;font-family: "Varela Round", Sans-serif;}

@media(min-width:576px){
	.winkelwagen .cart_item :is(.product-thumbnail, .product-thumbnail a, .product-thumbnail a img){min-width: 75px;max-width: 75px;min-height: 75px;max-height: 75px;}
	.winkelwagen .cart_item .product-subtotal > .amount{font-size: 20px;line-height: 24px;}
}

@media(min-width:768px){
	.winkelwagen{padding: 50px 0 135px 0;}
	.winkelwagen .cart_item :is(.product-thumbnail, .product-thumbnail a, .product-thumbnail a img){min-width: 100px;max-width: 100px;min-height: 100px;max-height: 100px;}

	.winkelwagen .cart-coupon .coupon #coupon_code{width: 100% !important;}
}

@media(min-width:992px){
	.winkelwagen{padding: 50px 0 175px 0;}
	.winkelwagen .cart-collaterals{width: 33.33333333% !important;}
}