/* Aanvullingen op dist/main.css (de SCSS-bron staat niet in het thema). */

.therapist-card__contact-row dd {
	min-width: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 575px) {
	.therapist-card {
		padding: 2.4rem;
	}

	.therapist-card__top {
		gap: 2rem;
		margin-bottom: 3rem;
	}

	.therapist-card__photo {
		width: 9rem;
	}

	.therapist-card__contact-row {
		grid-template-columns: minmax(0, 1fr);
		row-gap: .2rem;
	}

	.therapist-card__footer {
		margin-top: 3rem;
	}
}

.therapists-overview__filters-label {
	color: #00aeaa;
	white-space: nowrap;
}

.therapists-overview__filters select {
	max-width: 100%;
	text-overflow: ellipsis;
}

@media (max-width: 767px) {
	.therapists-overview__bar,
	.therapists-overview__filters {
		flex-direction: column;
		align-items: stretch;
	}

	.therapists-overview__filters {
		gap: 1rem;
		overflow: visible;
	}

	.therapists-overview__filters-label {
		margin-bottom: -.2rem;
	}

	.therapists-overview__filters .filter-input,
	.therapists-overview__filters select {
		width: 100%;
	}
}

/* Cards in een rij even hoog, labels onderaan op één lijn */
.row > .card {
	height: auto;
}

@media (min-width: 576px) {
	.card .card_text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}