/* =========================================================================
   De zijwinkelwagen van woocommerce-side-cart-premium

   Kwam uit Elementor Custom Code #2698. 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.
   ========================================================================= */

.xoo-wsc-markup {
		font-family: "AmericanTypeWriter", sans-serif;	
	}

	.xoo-wsc-sc-count {
		height: 16px !important;
    line-height: 16px !important;
    width: 16px !important;
		font-size: 10px !important;
		background-color: #C56068 !important;
		font-family: "AmericanTypeWriter", sans-serif !important;	
	}

	.xoo-wsc-minus, .xoo-wsc-plus, .xoo-wsc-qty-box input {
		background-color: #F5F1E1 !important;
	}

	.xoo-wsc-footer .xoo-wsc-ft-btn,
	.xoo-wsc-footer .xoo-wsc-ft-btn .woocommerce-Price-amount {
		font-size: 18px !important;
	}

	.xoo-wsc-sc-bki {
		font-size: 20px !important;
	}

	.xoo-wsc-header .xoo-wsch-text {
		font-weight: 700;
	}

	.xoo-wsc-sc-subt { 
		display: none;
	}

	.xoo-wsc-sum-col a {
		color: #5D3529 !important;
	}

	.xoo-wsc-btn {
		font-family: "Brevia", sans-serif;
		font-weight: 700 !important;
		font-size: 18px !important;
		letter-spacing: -1px;
		border-radius: 100px;
		box-shadow: 5px 5px 0px 0px #C56068; 
	}

	.xoo-wsc-btn:hover {
		color: #FBFAF5 !important;
		background-color: #C56068 !important;
		border-color: #FFFFFF !important;
	}

	.xoo-wsc-is-child {
/* 		padding: 0;
		margin: 0; */
	}

	.xoo-wsc-is-child .xoo-wsc-img-col {
		display: none;
	}

	.xoo-wsc-is-child .xoo-wsc-sum-col {
		padding: 0;
	}

	.xoo-wsc-is-child .xoo-wsc-sm-left {
		flex-direction: row !important;
		justify-content: flex-start !important;
		gap: 8px;
	}

	.xoo-wsc-is-child .xoo-wsc-sm-left .xoo-wsc-pname,
	.xoo-wsc-is-child .xoo-wsc-sm-left .xoo-wsc-qty-price{
		height: max-content;
		line-height: 16px !important;
		padding: 0;
	}

	.xoo-wsc-is-child .xoo-wsc-sm-right {
		display: none;
	}

	.xoo-wsc-is-child .xoo-wsc-sm-left .xoo-wsc-qty-price {
		width: auto;
		color: #5D3529 !important;
	}

	.xoo-wsc-is-child .xoo-wsc-sm-left .xoo-wsc-qty-price span:first-child {
		display: none
	}

	.xoo-wsc-is-child .xoo-wsc-sm-left .xoo-wsc-qty-price span:last-child::after {
		content: "x";
	}