/* Tommy zoek-en-boek op de homepage in de huisstijl van In de Hei. Ingesteld door Claude, 12-11-2026. */
/* ===== Tommy zoek-en-boek (homepage) – in huisstijl In de Hei ===== */
body .elementor-element.elementor-element-5da03b4 {
	max-width: 1325px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 30px !important;
	box-shadow: 0 10px 30px rgba(56, 56, 56, .10);
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope {
	width: 100% !important;
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 24px 32px;
	padding: 32px 48px !important;
	border-radius: 30px !important;
	box-sizing: border-box;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left > div,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left > tommy-confirm-update {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types { flex: 1 1 180px; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date { flex: 2 1 340px; }

/* Koppen boven de velden */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #532E41 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	text-transform: none !important;
}

/* Kleine labels (Volwassenen, Aankomst-/Vertrekdatum) */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-period label {
	display: block;
	font-size: 13px !important;
	line-height: 1.2 !important;
	color: #383838 !important;
	opacity: .75;
	margin: 0 0 6px !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-period { display: block !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type-choice,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-begin-choice,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-end-choice { float: none !important; width: 100% !important; margin: 0 !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-accommodation-type.ng-isolate-scope,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-period.ng-isolate-scope { margin-top: 0 !important; display: block; }
/* Lege regel boven accommodatietype gelijktrekken met "Volwassenen" */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type { padding-top: 22px; }

/* Aankomst + vertrek naast elkaar */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-period { display: flex !important; gap: 16px; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-begin,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-end { flex: 1 1 0; float: none !important; width: auto !important; margin: 0 !important; }

/* Velden */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left select,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left input {
	-webkit-appearance: none;
	appearance: none;
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid #E2D6C8 !important;
	border-radius: 12px !important;
	background-color: #F7F2EC !important;
	color: #383838 !important;
	font-size: 16px !important;
	line-height: 46px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left select {
	padding-right: 40px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23532E41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left input {
	padding-right: 40px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23532E41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left select:hover,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left input:hover { border-color: #532E41 !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left select:focus,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left input:focus {
	outline: none !important;
	border-color: #532E41 !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 3px rgba(83, 46, 65, .15) !important;
}

/* Zoekknop */
body .elementor-element-4307129 .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update {
	float: none !important;
	margin: 0 !important;
	height: 48px !important;
	padding: 0 40px !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: #532E41 !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 48px !important;
	cursor: pointer;
	transition: background-color .2s;
}
body .elementor-element-4307129 .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update:hover { background: #4C641C !important; }

/* Tablet en mobiel */
@media (max-width: 1024px) {
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope { padding: 28px !important; gap: 20px 24px; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date { flex-basis: 100%; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left > tommy-confirm-update { flex: 1 1 100%; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update { width: 100% !important; }
}
@media (max-width: 767px) {
	body .elementor-element.elementor-element-5da03b4 { border-radius: 24px !important; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope { padding: 24px 20px !important; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types { flex-basis: 100%; }
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type { padding-top: 0; }
	body .elementor-element-4307129 input#f-tommy-zeb-begin-date, body .elementor-element-4307129 input#f-tommy-zeb-end-date { margin-left: 0 !important; }
}

body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope { align-items: flex-start !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left > tommy-confirm-update { align-self: flex-end; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-person-category, body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-person-category > div,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type-choice,
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-begin-choice, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-end-choice { display: block !important; float: none !important; width: 100% !important; max-width: none !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-person-categories { max-width: none !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label { display: block !important; }

body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-accommodation-type, body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-period, body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-person-category { display: block !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini tommy-person-category > div, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-begin, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-end { margin: 0 !important; padding: 0 !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left select, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-left input { display: block !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-period label, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-begin-label, body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-date-end-label { height: 16px !important; margin: 0 0 6px !important; padding: 0 !important; }
body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type { padding-top: 22px !important; }

@media (max-width: 767px) {
	body .elementor-element-4307129 .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-type { padding-top: 0 !important; }
	body .elementor-element.elementor-element-5da03b4 { margin-left: 20px !important; margin-right: 20px !important; max-width: calc(100% - 40px) !important; }
}


/* Zoek & boek-pagina (Tommy) in de huisstijl van In de Hei. Ingesteld door Claude, 12-11-2026. */

/* ---------- Zoekpaneel links ---------- */
body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left {
	background: #fff !important;
	border-radius: 30px !important;
	padding: 32px !important;
	box-shadow: 0 10px 30px rgba(56, 56, 56, .10);
	color: #383838 !important;
	box-sizing: border-box;
}
body .elementor-element-6f641ee .tommy-zeb-left h1 {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	color: #532E41 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}
body .elementor-element-6f641ee .tommy-zeb-left h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #532E41 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}
body .elementor-element-6f641ee .tommy-zeb-left > div,
body .elementor-element-6f641ee .tommy-zeb-person-categories,
body .elementor-element-6f641ee .tommy-zeb-accommodation-types,
body .elementor-element-6f641ee .tommy-zeb-date { margin: 0 0 24px !important; padding: 0 !important; float: none !important; width: 100% !important; }
body .elementor-element-6f641ee .tommy-zeb-left > div:last-child { margin-bottom: 0 !important; }

/* Labels boven de velden */
body .elementor-element-6f641ee .tommy-zeb-accommodation-person-category-label,
body .elementor-element-6f641ee .tommy-zeb-period label {
	display: block !important;
	float: none !important;
	width: auto !important;
	font-size: 13px !important;
	line-height: 16px !important;
	color: #383838 !important;
	opacity: .75;
	margin: 0 0 6px !important;
	padding: 0 !important;
}
body .elementor-element-6f641ee .tommy-zeb-accommodation-person-category,
body .elementor-element-6f641ee tommy-person-category,
body .elementor-element-6f641ee tommy-person-category > div,
body .elementor-element-6f641ee .tommy-zeb-accommodation-person-category-choice,
body .elementor-element-6f641ee tommy-accommodation-type,
body .elementor-element-6f641ee .tommy-zeb-accommodation-type,
body .elementor-element-6f641ee .tommy-zeb-accommodation-type-choice,
body .elementor-element-6f641ee tommy-period,
body .elementor-element-6f641ee .tommy-zeb-date-begin,
body .elementor-element-6f641ee .tommy-zeb-date-end,
body .elementor-element-6f641ee .tommy-zeb-date-begin-choice,
body .elementor-element-6f641ee .tommy-zeb-date-end-choice {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
body .elementor-element-6f641ee .tommy-zeb-date-begin { margin-bottom: 14px !important; }

/* Velden */
body .elementor-element-6f641ee .tommy-zeb-left select,
body .elementor-element-6f641ee .tommy-zeb-left input:not([type="checkbox"]):not([type="radio"]) {
	-webkit-appearance: none;
	appearance: none;
	display: block !important;
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 40px 0 16px !important;
	border: 1px solid #E2D6C8 !important;
	border-radius: 12px !important;
	background-color: #F7F2EC !important;
	color: #383838 !important;
	font-size: 16px !important;
	line-height: 46px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
body .elementor-element-6f641ee .tommy-zeb-left select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23532E41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
}
body .elementor-element-6f641ee .tommy-zeb-period input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23532E41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
}
body .elementor-element-6f641ee .tommy-zeb-left select:hover,
body .elementor-element-6f641ee .tommy-zeb-left input:hover { border-color: #532E41 !important; }
body .elementor-element-6f641ee .tommy-zeb-left select:focus,
body .elementor-element-6f641ee .tommy-zeb-left input:focus {
	outline: none !important;
	border-color: #532E41 !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 3px rgba(83, 46, 65, .15) !important;
}

/* ---------- Resultaten ---------- */
body .elementor-element-6f641ee .tommy-zeb-results-label {
	font-size: 16px !important;
	margin: 0 0 16px !important;
}
body .elementor-element-6f641ee .tommy-zeb-result {
	background: #fff !important;
	border-radius: 30px !important;
	padding: 24px !important;
	margin: 0 0 24px !important;
	gap: 24px;
	align-items: flex-start;
	box-shadow: 0 10px 30px rgba(56, 56, 56, .08);
	box-sizing: border-box;
}
body .elementor-element-6f641ee .tommy-zeb-result-image { flex: 0 0 240px; margin: 0 !important; padding: 0 !important; }
body .elementor-element-6f641ee .tommy-zeb-result-image img {
	display: block !important;
	width: 240px !important;
	height: 180px !important;
	object-fit: cover;
	border-radius: 20px !important;
}
body .elementor-element-6f641ee .tommy-zeb-result-details { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; }
body .elementor-element-6f641ee .tommy-zeb-result-label {
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: #532E41 !important;
	margin: 0 0 10px !important;
}
body .elementor-element-6f641ee .tommy-zeb-result-description,
body .elementor-element-6f641ee .tommy-zeb-result-text {
	font-size: 16px !important;
	line-height: 1.5em !important;
	color: #383838 !important;
}
body .elementor-element-6f641ee .tommy-zeb-result-price {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #532E41 !important;
	margin: 16px 0 12px !important;
}
body .elementor-element-6f641ee .tommy-zeb-result-actions,
body .elementor-element-6f641ee .tommy-zeb-result-action { margin: 0 !important; padding: 0 !important; }
body .elementor-element-6f641ee a.tommy-zeb-btn,
body .elementor-element-6f641ee button.tommy-zeb-btn {
	display: inline-block;
	height: 48px !important;
	padding: 0 36px !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: #532E41 !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 48px !important;
	text-decoration: none !important;
	transition: background-color .2s;
}
body .elementor-element-6f641ee a.tommy-zeb-btn.ng-hide { display: none !important; }
body .elementor-element-6f641ee a.tommy-zeb-btn:hover,
body .elementor-element-6f641ee button.tommy-zeb-btn:hover { background: #4C641C !important; color: #fff !important; }

/* ---------- Kalender (geldt voor beide formulieren) ---------- */
.pika-single {
	border: 0 !important;
	border-radius: 20px !important;
	padding: 8px !important;
	box-shadow: 0 10px 30px rgba(56, 56, 56, .18) !important;
	font-family: "Titillium Web", sans-serif !important;
}
.pika-single .pika-button { border-radius: 8px !important; }
.pika-single .pika-label { color: #532E41 !important; font-weight: 700 !important; }

/* ---------- Tablet / mobiel ---------- */
@media (max-width: 767px) {
	body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left { padding: 24px 20px !important; border-radius: 24px !important; }
	body .elementor-element-6f641ee .tommy-zeb-result { flex-direction: column; padding: 20px !important; border-radius: 24px !important; }
	body .elementor-element-6f641ee .tommy-zeb-result-image { flex-basis: auto; width: 100%; }
	body .elementor-element-6f641ee .tommy-zeb-result-image img { width: 100% !important; height: 200px !important; }
	body .elementor-element-6f641ee .tommy-zeb-result-label { font-size: 22px !important; }
	body .elementor-element-6f641ee a.tommy-zeb-btn { display: block; text-align: center; }
}

/* Extra: labels altijd boven het veld */
html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left .tommy-zeb-accommodation-person-category-label { float: none !important; width: 100% !important; display: block !important; }
html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left .tommy-zeb-accommodation-person-category-choice { float: none !important; clear: both; width: 100% !important; display: block !important; margin: 0 !important; }
html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left .tommy-zeb-accommodation-person-category-choice select { width: 100% !important; }
/* Smallere schermen: foto boven de tekst */
@media (max-width: 1100px) {
	body .elementor-element-6f641ee .tommy-zeb-result { flex-direction: column; }
	body .elementor-element-6f641ee .tommy-zeb-result-image { flex-basis: auto; width: 100%; }
	body .elementor-element-6f641ee .tommy-zeb-result-image img { width: 100% !important; height: 220px !important; }
}

html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left h1, html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left h2 { float: none !important; width: 100% !important; display: block !important; }
html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left tommy-person-category, html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left tommy-person-category > div { float: none !important; width: 100% !important; display: block !important; }
html body .elementor-element-6f641ee .tommy-zeb-wrapper .tommy-zeb-left .tommy-zeb-person-categories { display: block !important; }


/* Prijsregel verbergen als er geen prijs in staat (bijv. bij producten van € 0). Ingesteld door Claude, 12-11-2026. */
.elementor-element-5a15906:not(:has(.woocommerce-Price-amount)),
.elementor-element-b961237:not(:has(.woocommerce-Price-amount)),
.elementor-element-5c1e74d:not(:has(.woocommerce-Price-amount)) { display: none !important; }