/* ======= Variables ======= */
/* :root {
  --brand-primary: #003120;
  --brand-secondary: #71B644;
  --brand-accent: #E7EDFF;
  --neutral-dark: #000;
  --neutral-light: #fff;
} */

/* ======= Unitfinder ======= */

/* ======= Unitfinder - Plan ======= */
body:not(.elementor-editor-active) .c-unitfinder__plan {
	display: none !important;
}
body:not(.elementor-editor-active) .c-unitfinder__plan--active {
	display: block !important;
}

/* ======= Listtoggle ======= */
.c-unitfinder__listtoggle {
	background-color: rgba(255, 255, 255, 0.8);
	height: 40px !important;
	cursor: pointer !important;
	opacity: 0.8 !important;

	transition: all 0.3s ease !important;
}
.c-unitfinder__listtoggle:hover {
	opacity: 1 !important;
}
.c-unitfinder__listtoggle--active {
	opacity: 1 !important;

	background-color: var(--brand-primary) !important;
	pointer-events: none !important;
}
.c-unitfinder__listtoggle--active * {
	color: var(--neutral-light) !important;
}

/* ======= Verdiepingselector ======= */

.c-unitfinder__verdiepingselector {
	width: 48px !important;
	height: 48px !important;

	background-color: var(--brand-secondary);
	cursor: pointer !important;
	opacity: 0.8 !important;

	transition: all 0.3s ease !important;
}
.c-unitfinder__verdiepingselector:hover {
	opacity: 1 !important;
}
.c-unitfinder__verdiepingselector--active {
	opacity: 1 !important;

	background-color: var(--brand-primary) !important;
	pointer-events: none !important;
}
.c-unitfinder__verdiepingselector * {
	color: var(--neutral-light) !important;
}
/* .c-unitfinder__verdiepingselector--active * {
	color: var(--neutral-light) !important;
} */

/* ======= Unitlist ======= */
.c-unitlist__verdieping {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* gap: 12px; */
	margin-bottom: 16px;
}

.c-unitlist__list {
	/* background-color: hotpink; */
	border-top-left-radius: 8px;
	/* border-radius: 8px; */
	width: calc(100% - 16px);
	overflow: hidden;
}

.c-unitlist__verdiepingtitle {
	width: auto;
	background-color: var(--brand-primary) !important;
	color: var(--neutral-light) !important;
	padding: 4px 16px;
	border-radius: 8px;
	font-size: 20px;
	margin-bottom: 16px;
}

.c-unitlist__card {
	width: 100%;
	cursor: pointer;
	padding: 4px 16px 4px;
	border-bottom: 1px solid rgba(0, 49, 32, 0.3);
	/* border-radius: 8px; */

	transition: all 0.3s ease;
}

.c-unitlist__cardtitle {
	font-size: 18px;
}

.c-unitlist__card:hover {
	background-color: var(--brand-secondary);
	color: var(--neutral-light);
}

.c-unitlist__card--active {
	background-color: rgba(0, 49, 32, 1) !important;
	color: var(--neutral-light);
}

.c-unitlist__cardcontent {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 32px;
	font-size: 14px;
	margin-top: 4px;
	padding-bottom: 4px;
}

.c-unitlist__surface,
.c-unitlist__clearheight,
.c-unitlist__parking,
.c-unitlist__beschikbaar {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 80px !important;
}

.c-unitlist__beschikbaar{
	width: 120px !important;
}

@media(max-width: 576px){
	.c-unitlist__cardcontent{
		flex-wrap: wrap !important;
		row-gap: 8px !important;
	}
}

/* ======= images ======= */
.c-unitfinder__imagescont {
	display: flex;
	flex-direction: row !important;
	gap: 16px;
	color: var(--neutral-light);
}

.c-unitfinder__image {
	width: 31%;
	aspect-ratio: 1;

	background-size: cover;
	background-position: center center;
}

@media (max-width: 767px) {
	.c-unitfinder__image {
		width: 31%;
	}
}
@media (max-width: 576px) {
	.c-unitfinder__image {
		width: 47%;
	}
}

/* ======= Filters ======= */
.entry-content ul,
.entry-content ol {
	padding: 0 !important;
}

button:focus {
	background-color: #fff !important;
	color: #000 !important;
	border-color: var(--brand-primary) !important;
}