/* =========================================================================
   Losse correcties die nog geen eigen plek hebben

   Kwam uit Elementor Custom Code #2570. Stond als <style> in de database,
   werd op elke pagina meegestuurd en was niet te lezen in Git, niet te
   controleren en niet terug te draaien. Nu een bestand in het thema.
   ========================================================================= */

body {
			background-color: #FBFAF5;
	}

	.main-header .xoo-wsc-sc-bki img {
		width: 20px !important;
		height: auto;
	}

	.woocommerce-error {
		font-size: 16px;
		font-family: "AmericanTypeWriter", monospace;
		color: #5D3529;
	}

/* mini cart responsive styles	 */
	@media screen and (max-width:767px) {
		.elementor-menu-cart__products .elementor-menu-cart__product {
			display: flex;
			flex-direction: column;
		}

		.elementor-menu-cart__product-image { 
			margin-bottom: 16px;
		}

		.elementor-menu-cart__product-image a img {
			height: 100px;
			width: auto;
		}

		.elementor-menu-cart__product-name,
		.elementor-menu-cart__product-price.product-price {
			padding: 0;
		}

		.elementor-menu-cart__products .elementor-menu-cart__product {
			display: flex;
			flex-direction: column;
		}

		.elementor-menu-cart__products .elementor-menu-cart__product-name .variation {
			grid-template-columns: 50% 50% !important;
		}
	}

	/* order form extra styles */
	.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button {
		padding: 8px 16px;
		font-family: "Brevia", sans-serif !important;
		font-size: 18px !important;
		color: #C56068 !important;
		background-color: #fff !important;
		border-radius: 100px !important;
		border: 5px solid #C56068 !important;
		box-shadow: 7px 7px 0px 0px #C56068 !important;
		transition: 0.3s all;
	}

	.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button::hover {
		background-color: #C56068;
		color: #fff;
		border-color: #fff;
	}

	.lost_password {
		font-family: "AmericanTypeWriter", serif;
	}

	.elementor-form .elementor-message.elementor-message-success {
		margin: 0 !important;
		margin-top: 32px !important;
		font-family: "AmericanTypeWriter", serif;
		font-size: 16px;
		font-weight: 600;
		color: #FBFAF5;
		background-color: #C56068;
		padding: 16px;
		border-radius: 50px;
	}

	.elementor-nav-menu .menu-item .elementor-item {
		padding: 8px 0 !important;
	}

/* product template */

	.elementor-add-to-cart .bundle_wrap {
		margin-top: 32px;
	}

	.e-atc-qty-button-holder,
	.bundle_button {
		display: block !important;
		margin-top: 16px !important;
	}	

	.e-atc-qty-button-holder .single_add_to_cart_button, 
	.e-atc-qty-button-holder, .quantity {
		flex-basis: 0 !important;
	}

	.e-atc-qty-button-holder .single_add_to_cart_button {
		margin-top: 0 !important;
		margin-left: 16px !important;
	}

	.bundle_wrap {
		margin-top: 0 !important;
	}

	form.cart {
		display: flex !important;
		flex-direction: column;
	}

	.product-addon-totals {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	.added_to_cart {
		font-family: "Brevia", sans-serif !important;
		color: #C56068 !important;
		margin-left: 16px;
	}

/* 	afrekenen tabs en pagina */
	.custom-checkout .e-con-inner {
			margin: 0;
	}

	.custom-checkout .jet-tabs__content-wrapper .e-con-inner {
			margin: 0 auto;
	}

/* checkout custom styles	 */


	.woocommerce-checkout .site-main .page-content {
			max-width: 1280px !important;
			width: 100% !important;
		margin: 0 auto;
	}

	.woocommerce-checkout .elementor-3020 .e-con-inner {
		margin: 0 !important;
		max-width: 1280px !important;
		width: 100% !important;
	}

	.woocommerce-checkout .jet-tabs .jet-tabs__control-wrapper , .woocommerce-checkout .jet-tabs .jet-tabs__content-wrapper {
		background-color: transparent !important;
	}

	.woocommerce-checkout .woocommerce-info {
		border-top: none;
		background-color: #fff !important;
		border-radius: 50px;
	}

	.woocommerce-checkout .woocommerce-info::before {
		display: none;
	}

	.jet-tabs__control-wrapper {
		gap: 16px;
	}

	@media screen and (max-width: 767px) {
		.jet-tabs__control-wrapper {
			flex-direction: column !important;
			gap: 8px; 
		}

		.jet-tabs__control-wrapper .jet-tabs__control {
			width: 100% !important;
		}
	}

	.woocommerce-checkout select {
		background-color: #FBFAF5;
    border: 2px solid #5D3529;
    border-radius: 12px;
	}

	.elementor-element-3c84f2e {
		background-color: transparent !important;
	}

/* =========================================================================
   Winkelwagen: de smaken van een samengestelde doos

   In Code Snippet 6 stond tussen elke smaak een <b>,</b>. Een komma is geen
   vetgedrukte tekst - het is een scheidingsteken, en scheidingstekens horen in
   de opmaak. Zo staat er ook geen komma achter de laatste smaak, en leest een
   schermlezer de lijst voor zonder er "vet" bij te zeggen.
   ========================================================================= */

.bundled-product-name:not(:last-child)::after {
	content: ", ";
}