/* 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{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;}

@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: 75px 0 175px 0;}
	.winkelwagen .cart-collaterals{width: 33.33333333% !important;}
}