/* === Section "équipe" — Overlay nom + poste + contact au survol === */

/* Carte = colonne (image + groupe texte) */
.team-cards .et_pb_column {
	position: relative;
	overflow: hidden;
}

/* Image : on garde son ratio, pas de marge basse */
.team-cards .et_pb_column .et_pb_image {
	margin-bottom: 0;
}

/* Groupe (nom + poste + tel + mail) : overlay positionné par-dessus l'image */
.team-cards .et_pb_column .et_pb_group {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 0.35rem;
	padding: 1.5rem 1.25rem;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.5) 0%,
		rgba(0, 0, 0, 0.82) 100%
	);
	color: #fff;
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

/* Chaque bloc texte : centré, sans marges parasites */
.team-cards .et_pb_column .et_pb_group .et_pb_text {
	width: 100%;
	margin: 0;
}

.team-cards .et_pb_column .et_pb_group .et_pb_text .et_pb_text_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.team-cards .et_pb_column .et_pb_group .et_pb_text p {
	margin: 0;
	color: #fff;
	text-align: center;
	line-height: 1.35;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	word-break: break-word;
}

/* 1 — Nom : plus gros et bien gras */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(1) p {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0.01em;
}

/* 2 — Poste : accent jaune VO&co, uppercase */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(2) p {
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #f5b830;
}

/* Séparateur fin sous le poste */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(2)::after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	margin: 0.6rem auto 0.2rem;
	background: rgba(255, 255, 255, 0.35);
}

/* 3 — Téléphone & 4 — Email : taille agrandie, lisible */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p,
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

/* Email : un poil plus petit que le tel, casse anti-débordement */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p {
	font-size: 1rem;
	overflow-wrap: anywhere;
}

/* Liens tel: / mailto: — gardent la couleur du texte, soulignés au survol */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p a,
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p a:hover,
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p a:hover {
	text-decoration: underline;
	opacity: 0.85;
}

/* Icônes inline pour tel & mail */
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p::before,
.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p::before {
	content: "";
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	margin-right: 0.4em;
	vertical-align: -0.1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.9;
}

.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M6.6 10.8c1.5 2.9 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.3 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.5.6 3.6.1.4 0 .8-.3 1L6.6 10.8z'/></svg>");
}

.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/></svg>");
}

/* Apparition au survol ET au focus clavier (accessibilité) */
.team-cards .et_pb_column:hover .et_pb_group,
.team-cards .et_pb_column:focus-within .et_pb_group {
	opacity: 1;
	pointer-events: auto; /* réactive les clics → liens tel:/mailto: cliquables */
}

/* Léger zoom sur l'image au survol */
.team-cards .et_pb_column .et_pb_image img {
	transition: transform 0.5s ease;
}

.team-cards .et_pb_column:hover .et_pb_image img {
	transform: scale(1.05);
}

/* Accessibilité tactile : sur mobile, on affiche en permanence sous l'image */
@media (hover: none) {
	.team-cards .et_pb_column .et_pb_group {
		position: static;
		opacity: 1;
		background: transparent;
		color: inherit;
		padding: 0.9rem 0 0;
		gap: 0.25rem;
	}

	.team-cards .et_pb_column .et_pb_group .et_pb_text p {
		color: inherit;
		text-shadow: none;
	}

	/* Séparateur visible aussi en mobile, en couleur sombre */
	.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(2)::after {
		background: rgba(0, 0, 0, 0.18);
	}

	/* Icônes en couleur sombre pour rester lisibles sur fond clair */
	.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(3) p::before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'><path d='M6.6 10.8c1.5 2.9 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.3 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.5.6 3.6.1.4 0 .8-.3 1L6.6 10.8z'/></svg>");
	}

	.team-cards .et_pb_column .et_pb_group .et_pb_text:nth-child(4) p::before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'><path d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/></svg>");
	}
}