/* DHZ Footer - specifieke selectors + !important om theme/Elementor styles te overschrijven */

.dhzft-footer {
	width: 100% !important;
	background: #000000 !important;
	color: #ffffff !important;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.dhzft-footer *,
.dhzft-footer *::before,
.dhzft-footer *::after {
	box-sizing: border-box !important;
}

.dhzft-footer ul,
.dhzft-footer ol {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dhzft-footer li {
	margin: 0 !important;
	padding: 0 !important;
}

.dhzft-footer a {
	color: #ffffff !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.dhzft-footer p {
	margin: 0 0 1em !important;
	padding: 0 !important;
	color: #ffffff !important;
}

.dhzft-footer p:last-child {
	margin-bottom: 0 !important;
}

/* ---------- Boxed content (content-width 1100px, gecentreerd) ---------- */

.dhzft-footer .dhzft-main {
	display: grid !important;
	grid-template-columns: 25% 25% 35% 19% !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 44px 0 11px !important;
}

.dhzft-footer .dhzft-col {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

/* ---------- Headings ---------- */

.dhzft-footer .dhzft-heading {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: normal !important;
}

/* ---------- Link lists ---------- */

.dhzft-footer .dhzft-list {
	display: block !important;
}

.dhzft-footer .dhzft-list__item {
	margin: 4px 0 !important;
	padding: 0 !important;
}

.dhzft-footer .dhzft-list__link {
	display: inline-block !important;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: #ffffff !important;
	transition: color 0.3s ease !important;
}

.dhzft-footer .dhzft-list__link:hover,
.dhzft-footer .dhzft-list__link:focus-visible {
	color: #1cac4c !important;
}

/* ---------- INFORMATIE header row ---------- */

.dhzft-footer .dhzft-info-head {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

.dhzft-footer .dhzft-reviews--mobile {
	display: none !important;
	flex-shrink: 0 !important;
	width: auto !important;
	max-width: 37.5% !important;
	height: auto !important;
	max-height: 52.5px !important;
}

.dhzft-footer .dhzft-reviews--desktop {
	display: block !important;
	width: 100% !important;
	max-width: 150px !important;
	height: auto !important;
	margin: 0 0 15px !important;
}

/* ---------- Contact ---------- */

.dhzft-footer .dhzft-contact {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: #ffffff !important;
}

.dhzft-footer .dhzft-contact a:hover,
.dhzft-footer .dhzft-contact a:focus-visible {
	color: #1cac4c !important;
}

/* ---------- Brand column ---------- */

.dhzft-footer .dhzft-col--brand {
	gap: 15px !important;
}

.dhzft-footer .dhzft-brand-row {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 15px !important;
}

.dhzft-footer .dhzft-logo {
	display: block !important;
	width: 75% !important;
	max-width: 75% !important;
	height: auto !important;
}

.dhzft-footer .dhzft-socials {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
}

.dhzft-footer .dhzft-socials__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.3em !important;
	color: #ffffff !important;
	background: transparent !important;
	transition: color 0.3s ease !important;
}

.dhzft-footer .dhzft-socials__link svg {
	width: 22px !important;
	height: 22px !important;
	fill: currentColor !important;
}

.dhzft-footer .dhzft-socials__link:hover,
.dhzft-footer .dhzft-socials__link:focus-visible {
	color: #1cac4c !important;
}

/* ---------- Bottom bar ---------- */

.dhzft-footer .dhzft-bottom {
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 50px 0 11px !important;
}

.dhzft-footer .dhzft-copyright {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: #ffffff !important;
}

/* ---------- Tablet ---------- */

@media (max-width: 1024px) {
	.dhzft-footer .dhzft-main {
		grid-template-columns: 1fr 1fr !important;
		max-width: 100% !important;
		padding: 32px 24px 16px !important;
	}

	.dhzft-footer .dhzft-col--products {
		grid-column: 1 !important;
	}

	.dhzft-footer .dhzft-col--info {
		grid-column: 2 !important;
	}

	.dhzft-footer .dhzft-col--contact {
		grid-column: 1 !important;
	}

	.dhzft-footer .dhzft-col--brand {
		grid-column: 2 !important;
	}

	.dhzft-footer .dhzft-bottom {
		max-width: 100% !important;
		padding: 0 24px 16px !important;
	}
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
	.dhzft-footer .dhzft-main {
		display: flex !important;
		flex-direction: column !important;
		padding: 24px 16px 12px !important;
	}

	.dhzft-footer .dhzft-col--products {
		display: none !important;
	}

	.dhzft-footer .dhzft-info-head {
		align-items: center !important;
	}

	.dhzft-footer .dhzft-reviews--mobile {
		display: block !important;
	}

	.dhzft-footer .dhzft-reviews--desktop {
		display: none !important;
	}

	.dhzft-footer .dhzft-col--brand {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}

	.dhzft-footer .dhzft-brand-row {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		gap: 2px !important;
	}

	.dhzft-footer .dhzft-logo {
		width: 37.5% !important;
		max-width: 37.5% !important;
		flex-shrink: 0 !important;
	}

	.dhzft-footer .dhzft-socials {
		flex-shrink: 0 !important;
	}

	.dhzft-footer .dhzft-bottom {
		padding: 0 16px 16px !important;
	}
}