/* 
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 */

/* Vacatures: “Andere vacatures” verbergen als er geen vacature zonder regio is. */
.vac-geen-andere #andere-vacatures {
	display: none;
}

/* Vacature: sticky CTA (zie inc/vacatures.php). */
body.vac-cta-zichtbaar .vac-sticky-cta {
	transform: none;
}
.elementor-editor-active .vac-sticky-cta {
	position: relative;
	transform: none;
}

/* Vacature: functie-uitleg alleen bij vacatures zonder regio (bij een regio staat ze op de regiopagina). */
.vac-met-regio #vac-functie {
	display: none;
}

/* Footer: nieuwsbrief “Neveco Inside” (JetFormBuilder-formulier “Nieuwsbrief Neveco Inside”). */
.neveco-nieuwsbrief-form form.jet-form-builder {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.neveco-nieuwsbrief-form .field-type-text-field {
	flex: 1 1 240px;
	margin: 0;
	padding: 0;
}
.neveco-nieuwsbrief-form .field-type-text-field .jet-form-builder__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.neveco-nieuwsbrief-form input[type="email"] {
	width: 100%;
	height: 48px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-family: "Host Grotesk", sans-serif;
	font-size: 1rem;
	font-weight: 300;
}
.neveco-nieuwsbrief-form input[type="email"]::placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.neveco-nieuwsbrief-form .field-type-submit-field,
.neveco-nieuwsbrief-form .jet-form-builder__submit-wrap {
	margin: 0;
	padding: 0;
}
.neveco-nieuwsbrief-form .jet-form-builder__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 28px;
	border: 1px solid #fff;
	border-radius: 999px;
	background: #fff;
	color: #172e40;
	font-family: "Host Grotesk", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}
.neveco-nieuwsbrief-form .jet-form-builder__submit:hover {
	background: transparent;
	color: #fff;
}
.neveco-nieuwsbrief-form .field-type-heading-field {
	flex: 1 1 100%;
	margin: 0;
	padding: 0 0 0 20px;
}
.neveco-nieuwsbrief-form .jet-form-builder__heading-desc,
.neveco-nieuwsbrief-form .jet-form-builder__heading-desc a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.75rem;
}
.neveco-nieuwsbrief-form .jet-form-builder__heading-desc a {
	text-decoration: underline;
}
.neveco-nieuwsbrief-form .jet-form-builder-messages-wrap {
	flex: 1 1 100%;
	color: #fff;
}
@media (max-width: 767px) {
	.neveco-nieuwsbrief-form .field-type-submit-field,
	.neveco-nieuwsbrief-form .jet-form-builder__submit {
		width: 100%;
	}
	.neveco-nieuwsbrief-form .field-type-heading-field {
		padding-left: 0;
	}
}

/* /vacatures: “Andere vacatures” op volle breedte, lager dan de standaard 5/3-kaart. */
@media (min-width: 768px) {
	#andere-vacatures .cases-listing-inner {
		aspect-ratio: auto;
		min-height: 410px;
	}
}
#andere-vacatures .cases-listing-inner p {
	max-width: 560px;
}

/* Vacature zonder regio en zonder klant: blok “Over de functie” is leeg. */
.vac-zonder-regio.vac-klant-uit #vac-over-klant {
	display: none;
}
.neveco-nieuwsbrief-form .jet-form-builder-message {
	margin: 4px 0 0;
	padding: 0 0 0 20px;
	border: 0;
	background: none;
	text-align: left;
	font-family: "Host Grotesk", sans-serif;
	font-size: 0.875rem;
}
.neveco-nieuwsbrief-form .jet-form-builder-message--success {
	color: #79bff9;
}
.neveco-nieuwsbrief-form .jet-form-builder-message--error {
	color: #ec5659;
}
.neveco-nieuwsbrief-form .jet-form-builder-messages-wrap,
.neveco-nieuwsbrief-form .jet-form-builder-message * {
	text-align: left;
}
.neveco-nieuwsbrief-form .jet-form-builder-messages-wrap .jet-form-builder-message {
	text-align: left !important;
}

/* Ingevulde vacature (template “SINGLE // VACATURE INGEVULD”): melding als grijze kaart. */
.vac-ingevuld #ingevuld > .wrapper {
	padding-top: 0;
}
.vac-ingevuld #ingevuld .e-01ba376-f3099ac {
	width: 100%;
	max-width: none;
	padding: 48px;
	border-radius: 16px;
	background-color: #f5f5f5;
}
.vac-ingevuld #ingevuld .e-3e83b29-7f60321 {
	gap: 16px;
	max-width: 720px;
}
.vac-ingevuld #ingevuld .e-39a4084b-de6f {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}
@media (max-width: 767px) {
	.vac-ingevuld #ingevuld .e-01ba376-f3099ac {
		padding: 32px 24px;
	}
	.vac-ingevuld #ingevuld .e-39a4084b-de6f > a {
		width: 100%;
	}
}