/**
 * Module: Contact Details Section (4 info columns on a light-teal bar).
 * Loaded only when a `contact_details_section` layout is present.
 */
.contact-details-section {
	background-color: var(--fuchs-teal-100, #CFE9E9);
	padding-top: clamp(2.5rem, 4vw, 3.5rem);
	padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
	color: var(--fuchs-text, #231F20);
}

.contact-details-section .contact-detail-heading {
	font-size: 1.15rem;
	font-weight: var(--fuchs-fw-semibold, 600);
	color: var(--fuchs-dark-blue, #0F1F41);
	margin-bottom: 1rem;
}

.contact-details-section .contact-detail-list li {
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
	line-height: 1.5;
}
.contact-details-section .contact-detail-list li:last-child {
	margin-bottom: 0;
}

/* Label + value pairs (business hours, phone types). */
.contact-details-section .cd-label {
	display: block;
	font-weight: var(--fuchs-fw-medium, 500);
	color: var(--fuchs-text, #231F20);
}
.contact-details-section .cd-value {
	display: block;
	color: var(--fuchs-700, #656263);
}

.contact-details-section .contact-detail-text {
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--fuchs-700, #656263);
}
.contact-details-section .contact-detail-text > :last-child {
	margin-bottom: 0;
}

/* Links (e-mail, phone) inherit the brand accent. */
.contact-details-section a {
	color: var(--fuchs-primary, #1260A9);
	text-decoration: none;
	word-break: break-word;
}
.contact-details-section a:hover,
.contact-details-section a:focus {
	color: var(--fuchs-primary-400, #4180BA);
	text-decoration: underline;
}
.contact-details-section .cd-value {
	color: var(--fuchs-700, #656263);
}