/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.bg-white-text-primary { background-color: var(--color-white) !important;}
.bg-white-text-primary a { color: var(--color-primary) !important; }
.bg-secondary-text-white { background-color: var(--color-secondary) !important; }
.bg-secondary-text-white a { color: var(--color-white) !important; }


 header #primary-navigation nav .menu-item > a,
 header #primary-navigation .menu-item > a,
 header #primary-navigation a {
	 color: var(--color-white);
 }
 header #primary-navigation nav .menu-item.text-primary > a,
 header #primary-navigation .menu-item.text-primary > a,
 header #primary-navigation .text-primary a {
	 color: var(--color-primary) !important;
 }

img.custom-logo {
    width: 100px;
}
/* Wat feature: styles now handled by Tailwind CSS */
.wat-feature__content a {
    text-decoration: none !important;
}
/* Wat before-after: slider styles now handled by Tailwind CSS */
/* Note: clipPath and dynamic left positioning remain inline styles due to dynamic values */

/* Wat before-after placeholder: styles now handled by Tailwind CSS */

/* Wat posts grid: styles now handled by Tailwind CSS */

/* Isotope filtering styles for diensten posts grid */
.wat-posts-grid__filter-button.is-checked {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.wat-posts-grid__filter-button:hover {
	background-color: #f3f4f6;
}

.wat-posts-grid__filter-button.is-checked:hover {
	background-color: #1f2937;
}

/* Wat posts slider: spacing between items */
.wat-posts-slider__container .slick-slide {
	margin: 0 12px;
}

.wat-posts-slider__container .slick-list {
	margin: 0 -12px;
}

.wat-posts-slider__container .slick-track {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}