/* =========================================================================
   Velden van WooCommerce Product Add-ons op de productpagina

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

.woocommerce-notices-wrapper {
			display: none;
			opacity: 0;
			visibility: hidden;
	}


/* extra product fields styles */
	.wc-pao-addons-container {
			display: flex;
			flex-direction: column;
	}

	.wc-pao-addon-container, .wc-pao-addon-container .wc-pao-addon-wrap {
		width: 100%;
	}

	.wc-pao-addons-container label {
			font-family: "AmericanTypeWriter", serif;
	}

	.wc-pao-addons-container .wc-pao-addon .wc-pao-addon-name {
			font-weight: 700;
			color: #5D3529;
	}

	.wc-pao-addons-container .wc-pao-addon-wrap div label {
			font-weight: 500;
			color: #5D3529;
			padding: 0 !important;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input, .wc-pao-addon-container .wc-pao-addon-wrap textarea {
		font-family: "AmericanTypeWriter", serif;
		font-size: 16px;
		color: #5D3529;
	}

	.wc-pao-addons-container .wc-pao-addon-wrap div {
			display: flex;
			gap: 8px;
			align-items: center;
	}

	.wc-pao-addons-container .wc-pao-addon-description {
			font-family: "AmericanTypeWriter", serif;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap small {
			font-family: "AmericanTypeWriter", serif;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="checkbox"],
	.wc-pao-addon-container .wc-pao-addon-wrap input[type="radio"]	{
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		margin: 0;
		display: grid;
		place-content: center;
		font: inherit;
		color: #C56068;
		width: 1.4em;
		height: 1.4em;
		border: 2px solid #5D3529;
		border-radius: 5px;
		transform: translateY(-0.075em);
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="radio"] { 
		border-radius: 50%;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="checkbox"]::before,
	.wc-pao-addon-container .wc-pao-addon-wrap input[type="radio"]::before {
		content: "";
		width: 0.9em;
		height: 0.9em;
		transform: scale(0);
		transition: 120ms transform ease-in-out;
		box-shadow: inset 0.9em 0.9em #C56068;
		border-radius: 2px;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="radio"]::before {
		border-radius: 50%;
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="checkbox"]:checked::before,
	.wc-pao-addon-container .wc-pao-addon-wrap input[type="radio"]:checked::before {
		transform: scale(1);
	}

	.wc-pao-addon-container .wc-pao-addon-wrap input[type="checkbox"] + label {
		font-family: "Brevia", sans-serif;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: -1px;
	}

	.wc-pao-addons-container .form-row textarea {
			height: 200px !important;
	}