/**
 * IFS Kontakt info — carte de contact (front + éditeur).
 * Reprend l'allure de l'ancien bloc (panneau gauche vert, droite blanc + liseré),
 * avec les variables de palette du thème.
 */
.ifs-kontakt {
	display: grid;
	grid-template-columns: 20rem 1fr;
	margin: clamp(2rem, 6vw, 4.5rem) 0;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
	transition: box-shadow 0.25s ease;
}

.ifs-kontakt:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18); }

.ifs-kontakt__left {
	display: grid;
	place-content: center;
	text-align: center;
	padding: 1.5rem;
	background-color: var(--wp--preset--color--green, #21AB88);
	color: var(--wp--preset--color--background, #fff);
}

.ifs-kontakt__icon { margin: 0 auto; }

.ifs-kontakt__label {
	margin: 0.6rem 0 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5rem;
}

.ifs-kontakt__right {
	position: relative;
	padding: 1.7rem clamp(1.5rem, 4vw, 4.6rem);
	background-color: var(--wp--preset--color--background, #fff);
}

.ifs-kontakt__right::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background-color: var(--wp--preset--color--green, #21AB88);
	transition: width 0.25s ease;
}
.ifs-kontakt:hover .ifs-kontakt__right::after { width: 8px; }

.ifs-kontakt__name {
	margin: 0;
	font-size: var(--wp--preset--font-size--24, 1.5rem);
	font-weight: 700;
	text-transform: uppercase;
}
.ifs-kontakt__role { margin: 0.25rem 0 0; opacity: 0.5; }

.ifs-kontakt__contact { padding-top: 1rem; }
.ifs-kontakt__contact a,
.ifs-kontakt__contact span {
	display: block;
	font-size: var(--wp--preset--font-size--20, 1.25rem);
	opacity: 0.6;
	color: inherit;
}
.ifs-kontakt__contact a:hover { opacity: 1; }

@media (max-width: 768px) {
	.ifs-kontakt { grid-template-columns: 1fr; }
	.ifs-kontakt__left {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}
	.ifs-kontakt__label { margin: 0; font-size: 1.25rem; }
}