/*
Theme Name: Versatile-child
Author: Inoma
Version: 2.1.0
Template: versatile-shop-master
*/

.single-product .price .wholesale_price_title{display:none;}
.single-product .price .original-computed-price{display:block;}
.single-product .price .wholesale_price_container{float:left; font-family: var(--font-primary);}
.single-product .price .wholesale_price_container ins{text-decoration:none;}
.single-product .price .wholesale_price_container .woocommerce-Price-amount {color: var(--cl-price); font-weight: 700; font-size: 25px; line-height: var(--font-primary-line-height); }
.single-product .price .wc_vat_added{font-size: calc(var(--font-size-small) * 1.15); color: var(--cl-price); font-weight: 300; margin-left: 0.3em; line-height: 1.8;}

.single-product .woocommerce-variation-price .original-computed-price{display:block !important; font-size:85%;}

.pd-block .price .wholesale_price_title{display:none;}
.pd-block .price .wholesale_price_container{float:left;}
.pd-block .price .original-computed-price{display:block; font-size:85%;}
.pd-block .price .wholesale_price_container ins{text-decoration:none;}
.pd-block .price .wholesale_price_container .woocommerce-Price-amount {color: var(--cl-text); font-weight: 700; font-size: 20px; line-height: var(--font-primary-line-height); }
.pd-block .price .wc_vat_added{font-size: calc(var(--font-size-small) * 0.9); color: var(--cl-text); font-weight: 300; margin-left: 0.3em; line-height: 1.8;}

.up-sells .wholesale_price_title{display:none;}
.up-sells .original-computed-price .woocommerce-Price-amount{font-size:85% !important;}

.disabled-select {
    background-color: #e9ecef; /* Light grey background */
    color: #6c757d; /* Grey text */
    cursor: not-allowed; /* Show 'not-allowed' cursor */
}

/* Additional styles to override any default appearance */
.disabled-select option {
    color: #6c757d;
}

/* Ensures that when disabled, the dropdown has no pointer events */
.disabled-select:disabled {
    pointer-events: none;
    opacity: 0.65; /* Optional: reduce opacity for further graying out */
}

.disabled-container-select::after {
    color: gray !important;
    opacity: 0.45;
    border-color: gray !important;
}

.disabled-button {
    background-color: #7d9181!important; /* Light grey background */
    color: #c0c0c0; /* Grey text */
    cursor: not-allowed; /* Show 'not-allowed' cursor */
    opacity: 0.65; /* Optional: reduce opacity */
    pointer-events: none; /* Prevent clicking */
}

label.bg-white::before {
    content: "";
    background: white !important;
}

.bg-light-gray {
    background-color: #f7f7f7
}

.p-10 {
    padding: 2.5rem;
}

.m-b--xxxxsmall {
    margin-bottom: 0.5rem;
}

.fw-4 {
    font-weight: 400 !important;
}

#product-calc {
    margin-top: 4rem;
}

#product-calc input {
    background-color: white;
    border: 1px solid rgba(93, 93, 93, 0.5);
}

#product-calc input::placeholder {
    color: #d2d2d2
}

@media screen and (max-width: 545px) {
    #product-calc * {
        font-size: clamp(0px, 4.5vw, 18px)
    }
    
    #gform_wrapper_7{
    	flex-direction: column !important;
    }
}

.Plantenzoeker_field > div.ginput_container.ginput_container_select::after {
	border: 2.5px solid #588157;
	border-radius: 50%;
	padding: 3px;
	color: #588157;
    height: 24px;
    width: 24px;
    line-height: 2;
    pointer-events: none;
}

.custom_plantzoeker_wrapper{
	background-color: #0c2b25;	
}
/* #gform_wrapper_7 {
	background-color: #0c2b25;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: center;
	
} */

#gform_wrapper_7 > div > h2, #gform_wrapper_7 > div > p {
	color: white;
}


#gform_wrapper_7 > div{
	display: none;
}
#gform_wrapper_7 > form {
	width: 50%;
}
#gform_wrapper_7 select option{ 
	color: var(--cl-light-text)!important;
} 
#gform_wrapper_7 > div{
	padding-right: 8em;
}
#gform_wrapper_7 > form .gform_body, #gform_wrapper_7 > form .gform_footer{
	width: 100%;
} 

.Plantenzoeker_field > label, .Plantenzoeker_field > div {
	color: white;
	display: flex;
	justify-content: center;
}

.Plantenzoeker_field > div {
	margin: unset;
}

.Plantenzoeker_text {
	color: white;
	margin-bottom: 4rem;
}

/* .Plantenzoeker_field {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
} */

.Plantenzoeker_field > div.ginput_container.ginput_container_select {
	width: 100%;
	color: black;
}

#gform_submit_button_7 {
    margin-left: 0;
    margin-right: auto;
}

#gform_7 > div.gform_footer.top_label {
	display: flex;
	justify-content: flex-end;
}

#gform_7 .gform_footer.top_label img{
	position: absolute;
	right: 0;	
}
#gform_7 .gform_footer.top_label{
	position: relative;
}

@media (max-width: 1600px){
	#gform_wrapper_7 > div{
		padding-right: 3.2em;
	}
}
@media (max-width: 991px){
	#gform_wrapper_7 > div{
		padding-right: unset;
	}
	#gform_wrapper_7{
		flex-wrap: wrap;
		row-gap: 4rem;
	}
	#gform_wrapper_7 > div, #gform_wrapper_7 > form{
		width: 100%;
	}
}

.woocommerce-notices-wrapper {
    display: inline-block !important;
    width: 100%;
}

td.value.woo-variation-items-wrapper::after {
    display: none !important;
}

li.variable-item.button-variable-item.button-variable-item-medium::before {
    display: none !important;
}

li.variable-item.button-variable-item.button-variable-item-medium::before {
    display: none !important;
}

.slakken_form {
    display: flex;
    flex-direction: column;
}

td.value.woo-variation-items-wrapper::after {
    display: none !important;
}

#product-calc:not(:has(input[name='select-calculator'])) .calculator p.fw-6.m-t--xxxsmall {
    margin-top: 0;
}

/* In nabestelling */
.stock.backorder {
	--cl-text: #ffba00;
    color: #ffba00!important;
}

/*Plantenzoeker toevoeging*/
#gform_wrapper_7,
#gform_7 {
    position: relative;
}

#gform_7.is-loading {
    pointer-events: none;
}

.plantzoeker_loader {
    position: absolute;
    inset: 0;
    z-index: 20;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--br-small);
}

.plantzoeker_loader::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px;
    border: 3px solid rgba(0, 0, 0, 0.15);
    border-top-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    animation: plantzoeker_spin 0.7s linear infinite;
}

@keyframes plantzoeker_spin {
    to {
        transform: rotate(360deg);
    }
}