/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/*
 * WOOCOMMERCE
 */

/* PRODUCT ARCHIVE */
.archive .woocommerce-products-header__title { margin-bottom: 2rem; }
.archive .products { display: grid; gap: 30px 30px; grid-template-columns: 33% 33% 33%; margin-bottom: 3rem; }
.archive .products .product a h2 { background-color: var(--e-global-color-primary); color: var(--e-global-color-007f5aa); display: inline-block; font-family: var(--e-global-typography-primary-font-family); font-size: 1.5rem !important; padding: 0.5rem 1rem !important; }
.archive .products .product a img { border-radius: 24px; }
.archive .products .product a .count { display: none; }
.archive .products .product a:hover h2 { background-color: var(--e-global-color-007f5aa); color: var(--e-global-color-primary); }


/* SINGLE PRODUCT */
div.product form.cart .price { margin-bottom: 2rem !important; margin-top: 2rem !important; }
div.product form.cart .variations select { max-width: unset !important; min-width: unset !important; width: auto; }
div.product form.cart .variations td { background-color: transparent !important; padding-bottom: 0; }
div.product form.cart .variations th { background-color: transparent !important; text-align: left; padding-bottom: 0; padding-left: 0; }
div.product form.cart .woocommerce-variation-price { margin-bottom: 2rem !important; margin-top: 2rem !important; }

#toggleOptionsDiv { display: none; margin-bottom: 1rem; }
#toggleOptionsDiv label { margin-top: 10px; position: relative; }
#toggleOptionsDiv label { margin-top: 10px; position: relative; }
#toggleOptionsDiv .extra-quantity { padding: .5rem; }
#toggleOptionsDiv .options-title { display: inline-block; width: 350px; }
#toggleOptionsDiv .qty-minus { border: none; border-radius: 3px 0 0 3px; height: 42px; }
#toggleOptionsDiv .qty-plus { border: none; border-radius: 0 3px 3px 0; height: 42px; margin-left: 0; }
#toggleOptionsDiv input[type=text] { border-radius: 0; }
.toggleOptionsLink { color: var(--e-global-color-text); display: inline-block; font-family: "Montserrat", Sans-serif; font-weight: 500; transition: all 0.2s; }
.toggleOptionsLink.close .minus { display: none; }
.toggleOptionsLink.open .plus { display: none; }
.toggleOptionsLink strong { font-size: 26px; vertical-align: middle; }

.accessoire-icon { background: var(--e-global-color-secondary); border: 1px solid #ccc; border-radius: 50%; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; height: 20px; line-height: 18px; margin-left: 5px; text-align: center; width: 20px; }
.accessoire-image { border-radius: 5px; width: 100%; }
.accessoire-image-holder { background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0,0,0,0.2); display: none; padding: 6px; position: absolute; right: 0; top: 50px; max-width: 275px; z-index: 99999; }
.foto-accessoires { display: inline-block; }

/* Checkout */
.elementor-widget-woocommerce-checkout-page .e-checkout__container { grid-template-columns: 65% auto; }
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name { padding-right: 0; }

.wc_payment_methods { display: none; }
.order-total { font-size: 22px; }
.product-name dd { text-align: right; }
.product-name .variation { line-height: 25px; }
.product-naam { color: var(--e-global-color-primary); display: block; font-family: "Poppins", Montserrat; font-size: 28px; font-weight: 500; margin-bottom: 2rem; }

.variation-Hoogte, .variation-Montage { margin-bottom: 1rem !important; }

/*
 * KEUZEHULP
 */
.page-id-7548 .elementor-form { min-height: 190px; padding-left: 250px; position: relative; }
.page-id-7548 .e-form__buttons__wrapper { flex-basis: unset; margin-top: 1rem !important; }
.page-id-7548 .e-form__indicators { display: block; font-size: 1.325rem; left: 0; position: absolute; top: 0.813rem; width: 300px; }
.page-id-7548 .e-form__indicators__indicator { align-items: flex-start; padding: 0 0 1rem 0; }
.page-id-7548 .e-form__indicators__indicator__label { position: relative; text-align: left; width: 160px; }
.page-id-7548 .e-form__indicators__indicator__number { display: none; }
.page-id-7548 .e-form__indicators__indicator__separator { display: none; }
.page-id-7548 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__label { font-weight: bold; }
.page-id-7548 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label::after { color: green; content: "\2713"; font-size: 1.675rem; position: absolute; right: 0; top: -5px; }

.page-id-7548 .stap-count { display: none; }
.page-id-7548 .elementor-field-group-stap5 { gap: 30px; }
.page-id-7548 .elementor-field-group-stap5 .elementor-field-group:not(.e-form__buttons__wrapper, .elementor-field-group-field_c0d88bb) { background-color: var( --e-global-color-f393cba ); border-radius: 25px; grid-row-gap: 30px; margin-bottom: 30px; padding-bottom: 30px; padding-left: 0 !important; padding-right: 0 !important; align-items: baseline; }
.page-id-7548 .elementor-field-group-stap5 .elementor-field-group-wensen, .page-id-7548 .elementor-field-group-stap5 .elementor-col-undefined .elementor-field-group { background-color: transparent; }
.page-id-7548 .elementor-field-group-stap5 .elementor-field-label { background-color: #F3F5F8; font-weight: bold; line-height: normal; padding: 10px !important; width: 100%; }
.page-id-7548 .elementor-field-group-stap5 .elementor-field-group-field_c0d88bb { background-color: transparent; order: -1; }
.page-id-7548 .elementor-field-group-stap5 .elementor-field-subgroup { padding-left: 30px; padding-right: 30px; }

.page-id-7548 .elementor-field-group:focus-visible { outline: none; }
.page-id-7548 .elementor-field-subgroup { gap:30px; }
.page-id-7548 .elementor-field-group-field_f3d9c1b { margin-top: -75px; padding-left: 75px !important; }
.page-id-7548 .elementor-field-group-breedte { display: block !important; padding-top: 1rem; }
.page-id-7548 .elementor-field-group-deuren { align-content: flex-start; }
.page-id-7548 .elementor-field-group-deuren .elementor-field-subgroup { gap: 10px; }
.page-id-7548 .elementor-field-group-deuren .image-radio-label { font-size: 0.875rem; min-width: inherit; width: 100px; }
.page-id-7548 .elementor-field-group-gewenstevorm .elementor-field-label { display: none; }
.page-id-7548 .elementor-field-group-kleur .elementor-field-label, .page-id-7548 .elementor-field-group-deuren .elementor-field-label, .page-id-7548 .elementor-field-group-wensen .elementor-field-label, .page-id-7548 .elementor-field-group-opties .elementor-field-label { border-radius: 25px 25px 0 0; }
.page-id-7548 .elementor-field-group-kleur .elementor-field-subgroup { gap:10px; }
.page-id-7548 .elementor-field-group-kleur .image-radio-label { font-size: 0.875rem; min-width: inherit; width: 100px; }
.page-id-7548 .elementor-field-group-lengte { display: block !important; padding-top: 1rem; }
.page-id-7548 .elementor-field-group-materiaal { flex-wrap: nowrap; margin-bottom: 35px !important; }
.page-id-7548 .elementor-field-group-materiaal .image-radio-label { align-items: flex-start; font-weight: bold; text-indent: 20px; }
.page-id-7548 .elementor-field-group-materiaal .image-radio-label img { margin-bottom: 15px; }
.page-id-7548 .elementor-field-group-materiaal .image-radio-label p { font-weight: normal; padding-left: 20px; padding-right: 20px; text-indent: 0; }
.page-id-7548 .elementor-field-group-materiaal .elementor-field-label { display: none; }
.page-id-7548 .elementor-field-group-materiaal .js-error-message { bottom: -35px; position: absolute; }
.page-id-7548 .elementor-field-group-opties { align-content: flex-start; width: 35%; }
.page-id-7548 .elementor-field-group-plaatsing .elementor-field-label { display: none; }
.page-id-7548 .elementor-field-group-plaatsing .image-radio-label img { border-radius: 25px 25px 0 0; }
.page-id-7548 .elementor-field-group-ral label { width: 20% !important; }
.page-id-7548 .elementor-field-group-ral input { flex-basis: auto !important; width: 80% !important; }
.page-id-7548 .elementor-field-group-wensen textarea { margin-left: 30px; margin-right: 30px; }
.page-id-7548 .image-radio-label { border-radius: 25px; border-width: 2px; margin: 0; padding: 0 0 10px 0; width: 30%; }
.page-id-7548 .image-radio-label.vertical { justify-content: flex-start; }
.page-id-7548 .image-radio-label img { border-radius: 25px 25px 0 0; box-shadow: none; max-height: none; object-fit: unset; width: 100%; }
.page-id-7548 label.image-radio-label:has(input[type="radio"]:checked), .page-id-7548 label.image-radio-label:has(input[type="radio"]:checked) img, .page-id-7548 label.image-radio-label:hover, .page-id-7548 label.image-radio-label:hover img { background-color: var(--e-global-color-accent) !important; border-color: var(--e-global-color-accent) !important; color: #fff !important; }

.elementor-field-group-field_6a2662b { display: inline-block; width: 40% !important; }
.elementor-field-group-field_f014b22 .elementor-field-subgroup { gap: 0; }
.page-id-7548 .form-holder { display: inline-block; width: 60%; }
.kleuren-deuren-holder { width: 67%; }
#overview-list { list-style: none; padding-left: 0; }
#overview-list strong { display: inline-block; width: 90px; }

.elementor-field-group-field_6a2662b { display: inline-block; width: 40% !important; }
.elementor-field-group-field_f014b22 .elementor-field-subgroup { gap: 0; }
.form-holder { display: inline-block; width: 60%; }
.kleuren-deuren-holder { width: 60%; }
#overview-list { list-style: none; padding-left: 0; }
#overview-list strong { display: inline-block; width: 90px; }

.elementor-field-group-opties .elementor-field-option { position: relative; }
.tooltip-wrapper { display: inline-block; position: absolute; right: 0; top: 2px; }
.tooltip-icon { background: var(--e-global-color-secondary); border: 1px solid #ccc; border-radius: 50%; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; height: 20px; line-height: 18px; text-align: center; width: 20px; }
.image-tooltip { background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0,0,0,0.2); display: none; padding: 6px; position: absolute !important; right: 0; top: 30px; z-index: 9999 !important; }
.image-tooltip img { display: block; height: auto; max-width: 275px; }


.hamburger-menu { cursor: pointer; }

.elementor-lightbox, .pswp, .dialog-lightbox-widget { z-index: 99999; }
.dialog-type-lightbox { background-color: rgba(0, 0, 0, 1); }

@media(min-width: 1024px){
	.hamburger-menu { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; z-index: 10; }
	.hidden-menu { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease; }

	.elementor-sticky--effects .desktop-nav {
		display: none; /* Verberg de reguliere navigatie */
	}

	.elementor-sticky--effects .hamburger-menu {
		opacity: 1;
    	visibility: visible;
	}

	/* Als de verborgen menu geopend moet worden */
	.hidden-menu.open { max-height: 500px; opacity: 1; }
	
}

@media(max-width: 1024px){
	.hidden-menu { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease; }

	.elementor-sticky .hamburger-menu {
		display: block; /* Toon de hamburger-menu */
	}

	/* Als de verborgen menu geopend moet worden */
	.hidden-menu { align-self: auto; }	
		
	.hidden-menu.open {
		max-height: 500px; opacity: 1;
	}
	
	.hidden-menu .elementor-nav-menu { display: block; margin-bottom: 1rem; }
	.hidden-menu .elementor-nav-menu .elementor-item { padding-left: 12px; }
	
	/*
	 * KEUZEHULP
	 */
	.page-id-7548 .elementor-form { padding-left: 200px; }
	.page-id-7548 .e-form__indicators { width: 200px; }
	.page-id-7548 .elementor-field-group-opties { width: 40%; }
	.page-id-7548 .elementor-field-group-stap5 { gap: 20px; }
	.page-id-7548 .elementor-field-subgroup { gap:20px; }
	
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-breedte { width: 30%; }
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-lengte { width: 30%; }
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-field_f3d9c1b { padding-left: 30px !important; width: 40%; }
	
	.kleuren-deuren-holder { width: 55%; }
}

@media(max-width: 768px){
	/*
	 * KEUZEHULP
	 */
	.page-id-7548 .stap-count { display: block; font-weight: 500; }
	.page-id-7548 .elementor-button-align-stretch .e-form__buttons__wrapper { flex-grow: 0; }
	.page-id-7548 .elementor-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: auto; }
	.page-id-7548 .elementor-form { padding-left: 0; }
	.page-id-7548 .e-form__indicators { display: none; }
	
	.page-id-7548 .elementor-field-group-materiaal .image-radio-label p { padding: 0 10px; }
	
	.page-id-7548 .elementor-field-group-plaatsing .image-radio-label, .page-id-7548 .elementor-field-group-gewenstevorm .image-radio-label { width: 47%; }
	.page-id-7548 .elementor-field-group-stap5 .elementor-field-subgroup { padding-left: 10px; padding-right: 10px; }
	.page-id-7548 .elementor-field-group-wensen textarea { margin-left: 10px; margin-right: 10px; }
	.kleuren-deuren-holder, .page-id-7548 .elementor-field-group-opties { width: 100%; }
	.elementor-field-group-field_6a2662b { width: 100% !important; }
	.page-id-7548 .form-holder { width: 100%; }
}

@media(max-width: 569px){
	/*
	 * KEUZEHULP
	 */
	.page-id-7548 .elementor-field-group-materiaal .image-radio-label { width: 100%; }
}

@media(max-width: 519px){
	/*
	 * KEUZEHULP
	 */
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-breedte { width: 50%; }
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-lengte { width: 50%; }
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-field_f3d9c1b { margin-top: 30px !important; padding-left: 0 !important; width: 100%; }
}

@media(max-width: 409px){
	/*
	 * KEUZEHULP
	 */
	.page-id-7548 .elementor-field-group-plaatsing .image-radio-label, .page-id-7548 .elementor-field-group-gewenstevorm .image-radio-label { width: 100%; }

	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-breedte { width: 100%; }
	.page-id-7548 .elementor-field-group-stap2 .elementor-field-group-lengte { width: 100%; }
}