/* ═══════════════════════════════════════════════════════════════════════════
   Médialo — Identité visuelle
   Inspiré de Digmox : sections sombres, typographie marquée, cartes épurées
   Couleur principale : #17C9AB  |  Fond sombre : #0d1117
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Variables ─────────────────────────────────────────────────────────────── */
:root {
	--ml-teal:         #17C9AB;
	--ml-teal-dark:    #0ea892;
	--ml-teal-glow:    rgba(23, 201, 171, 0.28);
	--ml-teal-subtle:  rgba(23, 201, 171, 0.10);
	--ml-teal-border:  rgba(23, 201, 171, 0.25);
	--ml-teal-bg:      #edfaf7;
	--ml-black:        #0d1117;
	--ml-dark:         #161b22;
	--ml-dark-card:    #1c2128;
	--ml-text-muted:   rgba(255, 255, 255, 0.60);
	--ml-text-dim:     rgba(255, 255, 255, 0.85);
	--ml-gray:         #6b7280;
	--ml-border:       #e5e7eb;
	--ml-ease:         0.22s ease;
	--ml-ease-out:     0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER — fond noir, logo + nav blancs, hover teal
   ═══════════════════════════════════════════════════════════════════════════ */

header.wp-block-template-part {
	background-color: var(--ml-black) !important;
	color: #fff !important;
	border-bottom: 1px solid var(--ml-teal-border);
	position: sticky;
	top: 0;
	z-index: 200;
	backdrop-filter: blur(8px);
}

/* Titre du site */
header.wp-block-template-part .wp-block-site-title,
header.wp-block-template-part .wp-block-site-title a {
	color: #fff !important;
	text-decoration: none;
	transition: color var(--ml-ease);
}

header.wp-block-template-part .wp-block-site-title a:hover {
	color: var(--ml-teal) !important;
	text-decoration: none !important;
}

/* Trait teal sous le nom de marque */
header.wp-block-template-part .wp-block-site-title {
	position: relative;
	padding-bottom: 4px;
}

header.wp-block-template-part .wp-block-site-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2em;
	height: 2px;
	background: var(--ml-teal);
}

/* Logo image */
header.wp-block-template-part .wp-block-site-logo img {
	display: block;
}

/* ── Navigation ─────────────────────────────────────────────────────────── */

/* Texte blanc uniquement sur les items de PREMIER NIVEAU
   (exclut les items dans un sous-menu) */
header.wp-block-template-part .wp-block-navigation .wp-block-page-list > .wp-block-navigation-item > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation-submenu > .wp-block-navigation-item__content {
	color: var(--ml-text-dim) !important;
	text-decoration: none !important;
	position: relative;
	padding-bottom: 2px;
	transition: color var(--ml-ease);
}

/* Soulignement teal au hover — premier niveau seulement */
header.wp-block-template-part .wp-block-navigation .wp-block-page-list > .wp-block-navigation-item > .wp-block-navigation-item__content::after,
header.wp-block-template-part .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--ml-teal);
	transition: width var(--ml-ease-out);
}

header.wp-block-template-part .wp-block-navigation .wp-block-page-list > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation-submenu:hover > .wp-block-navigation-item__content {
	color: var(--ml-teal) !important;
	text-decoration: none !important;
}

header.wp-block-template-part .wp-block-navigation .wp-block-page-list > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
header.wp-block-template-part .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
	width: 100%;
}

/* ── Sous-menu ─────────────────────────────────────────────────────────────── */

/* Conteneur : fond sombre */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: #1c2128 !important;
	border: 1px solid var(--ml-teal-border) !important;
	border-radius: 6px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
	overflow: hidden;
	min-width: 220px;
}

/* Annuler le fond blanc individuel hérité des classes WP (has-base-background-color) */
.wp-block-navigation__submenu-container .wp-block-navigation-item.has-base-background-color,
.wp-block-navigation__submenu-container .wp-block-navigation-item.has-background {
	background-color: transparent !important;
}

/* Texte des liens du sous-menu : gris clair lisible */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .wp-block-pages-list__item__link,
.wp-block-navigation__submenu-container a {
	color: rgba(255, 255, 255, 0.78) !important;
	background-color: transparent !important;
	text-decoration: none !important;
	transition: color var(--ml-ease), background-color var(--ml-ease);
}

/* Hover dans le sous-menu */
.wp-block-navigation__submenu-container .wp-block-navigation-item:hover .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .wp-block-navigation-item:hover a {
	color: var(--ml-teal) !important;
	background-color: rgba(23, 201, 171, 0.10) !important;
}

/* Hamburger mobile */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	color: #fff !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--ml-black) !important;
	color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BOUTONS — teal avec effet de lumière
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-element-button,
.wp-block-button__link {
	background-color: var(--ml-teal) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.025em;
	box-shadow: 0 2px 16px var(--ml-teal-glow);
	transition:
		background-color var(--ml-ease),
		box-shadow var(--ml-ease),
		transform var(--ml-ease);
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	background-color: var(--ml-teal-dark) !important;
	box-shadow: 0 4px 28px var(--ml-teal-glow) !important;
	transform: translateY(-2px);
	color: #fff !important;
}

/* Bouton outline */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: var(--ml-teal) !important;
	border: 2px solid var(--ml-teal) !important;
	box-shadow: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--ml-teal) !important;
	color: #fff !important;
	box-shadow: 0 4px 20px var(--ml-teal-glow) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LIENS dans le contenu
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-post-content a,
.entry-content a,
.wp-block-group:not(header):not(footer) .wp-block-paragraph a {
	color: var(--ml-teal);
	text-decoration-color: var(--ml-teal-border);
	transition: color var(--ml-ease), text-decoration-color var(--ml-ease);
}

.wp-block-post-content a:hover,
.entry-content a:hover {
	color: var(--ml-teal-dark);
	text-decoration-color: var(--ml-teal);
}

/* ═══════════════════════════════════════════════════════════════════════════
   GROUPES SOMBRES (sections hero, CTA) — style Digmox
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-group.has-contrast-background-color,
.wp-block-group[style*="background-color:#111111"],
.wp-block-group[style*="background-color:#0d1117"],
.wp-block-group[style*="background-color:var(--wp--preset--color--contrast)"] {
	border-top: 1px solid var(--ml-teal-border);
	border-bottom: 1px solid var(--ml-teal-border);
}

/* Barre teal horizontale avant les titres dans les sections sombres */
.has-contrast-background-color h1::before,
.has-contrast-background-color h2::before,
[class*="has-accent-3-background"] h1::before,
[class*="has-accent-3-background"] h2::before {
	content: '';
	display: block;
	width: 48px;
	height: 3px;
	background: var(--ml-teal);
	margin-bottom: 1rem;
	border-radius: 2px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARTES & BLOCS DE CONTENU — style Digmox
   ═══════════════════════════════════════════════════════════════════════════ */

/* Groupes avec fond clair = carte */
.wp-block-group.has-background:not(.has-contrast-background-color):not(.has-accent-3-background-color) {
	border-radius: 8px;
	border: 1px solid var(--ml-border);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: box-shadow var(--ml-ease), transform var(--ml-ease), border-color var(--ml-ease);
	overflow: hidden;
}

.wp-block-group.has-background:not(.has-contrast-background-color):not(.has-accent-3-background-color):hover {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--ml-teal-border);
	transform: translateY(-3px);
	border-color: var(--ml-teal-border);
}

/* Colonnes — effet carte individuelle */
.wp-block-columns .wp-block-column > .wp-block-group {
	height: 100%;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TITRES — accent teal contextuel
   ═══════════════════════════════════════════════════════════════════════════ */

/* Séparateur teal discret sous les h2 de section */
.wp-block-post-content h2,
.wp-block-group:not(header):not(footer) h2.wp-block-heading {
	position: relative;
	padding-bottom: 0.6rem;
}

.wp-block-post-content h2::after,
.wp-block-group:not(header):not(footer) h2.wp-block-heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 3rem;
	height: 3px;
	background: var(--ml-teal);
	border-radius: 2px;
}

/* H2 centré : barre centrée */
.wp-block-post-content h2.has-text-align-center::after,
.wp-block-group h2.wp-block-heading.has-text-align-center::after {
	left: 50%;
	transform: translateX(-50%);
}

/* Titres avec couleur teal */
.has-accent-1-color {
	color: var(--ml-teal) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BLOCKQUOTE — bordure teal
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-quote {
	border-left-color: var(--ml-teal) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SÉPARATEURS
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-separator {
	border-color: var(--ml-teal) !important;
	opacity: 0.4;
}

/* ═══════════════════════════════════════════════════════════════════════════
   IMAGES — légère transition au hover
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-image img,
.wp-block-post-featured-image img {
	transition: transform var(--ml-ease-out), box-shadow var(--ml-ease-out);
	border-radius: 6px;
}

.wp-block-image:hover img,
.wp-block-post-featured-image:hover img {
	transform: scale(1.015);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

/* ═══════════════════════════════════════════════════════════════════════════
   QUERY LOOP — liste d'articles
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-post-title a {
	transition: color var(--ml-ease);
}

.wp-block-post-title a:hover {
	color: var(--ml-teal) !important;
	text-decoration: none !important;
}

.wp-block-post-date a {
	color: var(--ml-gray) !important;
	font-size: 0.85rem;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-numbers .page-numbers {
	border: 1px solid var(--ml-border);
	border-radius: 4px;
	padding: 0.3rem 0.75rem;
	transition: background-color var(--ml-ease), color var(--ml-ease), border-color var(--ml-ease);
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination .page-numbers:hover {
	background-color: var(--ml-teal) !important;
	color: #fff !important;
	border-color: var(--ml-teal) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FORMULAIRE DE RECHERCHE
   ═══════════════════════════════════════════════════════════════════════════ */

.wp-block-search__input:focus {
	border-color: var(--ml-teal) !important;
	box-shadow: 0 0 0 3px var(--ml-teal-subtle);
	outline: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER — style Digmox : bandeau CTA teal + corps sombre + barre de bas
   ═══════════════════════════════════════════════════════════════════════════ */

/* Conteneur global — fond noir, annule les effets carte */
footer.wp-block-template-part {
	background-color: var(--ml-dark) !important;
	color: var(--ml-text-muted) !important;
	border-top: none;
}

footer.wp-block-template-part .wp-block-site-logo img {
	display: block;
}

/* Annuler les effets carte à l'intérieur du footer */
footer.wp-block-template-part .wp-block-group.has-background,
footer.wp-block-template-part .wp-block-group {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* ── Bandeau CTA supérieur ──────────────────────────────────────────────── */

.ml-footer-cta {
	background-color: var(--ml-teal) !important;
}

.ml-footer-cta p,
.ml-footer-cta h2,
.ml-footer-cta h3 {
	color: #fff !important;
}

/* Bouton dans le bandeau : fond sombre sur fond teal */
.ml-footer-cta .wp-element-button,
.ml-footer-cta .wp-block-button__link {
	background-color: var(--ml-dark) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.ml-footer-cta .wp-element-button:hover,
.ml-footer-cta .wp-block-button__link:hover {
	background-color: var(--ml-black) !important;
	transform: none !important;
}

/* ── Corps sombre (3 colonnes) ──────────────────────────────────────────── */

.ml-footer-body {
	background-color: var(--ml-dark) !important;
	border-top: 1px solid var(--ml-teal-border) !important;
}

/* Séparateur vertical : bordure droite sur la première colonne */
.ml-footer-cols > .ml-footer-col--about {
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	padding-right: 2rem;
}

.ml-footer-cols > .ml-footer-col:not(.ml-footer-col--about) {
	padding-left: 2rem;
}

/* Tagline grande (col 1) */
.ml-footer-tagline {
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
	margin: 0 0 0.875rem;
	max-width: 320px;
}

/* Description courte (col 1) */
.ml-footer-col--about .wp-block-paragraph,
.ml-footer-col--about p {
	color: rgba(255, 255, 255, 0.55) !important;
	font-size: 0.875rem !important;
	line-height: 1.65;
	max-width: 300px;
}

/* Titres des colonnes */
.ml-footer-widget-title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #fff !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 1.25rem !important;
}

/* Liens de navigation dans le corps */
.ml-footer-body .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.55) !important;
	font-size: 0.9375rem !important;
	transition: color var(--ml-ease) !important;
}

.ml-footer-body .wp-block-navigation-item:hover .wp-block-navigation-item__content {
	color: var(--ml-teal) !important;
}

/* ── Liste de contact ───────────────────────────────────────────────────── */

.ml-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.ml-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.55);
}

.ml-contact-icon {
	flex-shrink: 0;
	margin-top: 3px;
	color: var(--ml-teal);
}

.ml-contact-item span {
	flex: 1;
}

.ml-contact-item a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color var(--ml-ease);
}

.ml-contact-item a:hover {
	color: var(--ml-teal);
}

.ml-contact-note {
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.35);
	margin-left: 0.25rem;
}

/* ── Icônes sociales ────────────────────────────────────────────────────── */

.ml-social-links {
	display: flex;
	gap: 10px;
	margin-top: 1.5rem;
	flex-wrap: wrap;
}

.ml-social-link {
	display: inline-block;
	text-decoration: none !important;
	line-height: 0;
	border-radius: 8px;
	transition: transform var(--ml-ease), box-shadow var(--ml-ease), opacity var(--ml-ease);
}

.ml-social-link img {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 8px;
}

.ml-social-link:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 16px var(--ml-teal-glow);
	opacity: 0.9;
}

/* ── Barre du bas ───────────────────────────────────────────────────────── */

.ml-footer-bottom {
	background-color: var(--ml-dark) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.ml-footer-bottom p,
.ml-footer-bottom .wp-block-paragraph {
	color: rgba(255, 255, 255, 0.40) !important;
	font-size: 0.875rem !important;
	margin: 0 !important;
}

.ml-footer-bottom a {
	color: rgba(255, 255, 255, 0.40) !important;
	text-decoration: none !important;
}

.ml-footer-bottom a:hover {
	color: var(--ml-teal) !important;
}

.ml-footer-bottom .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.40) !important;
	font-size: 0.875rem !important;
	transition: color var(--ml-ease) !important;
}

.ml-footer-bottom .wp-block-navigation-item:hover .wp-block-navigation-item__content {
	color: var(--ml-teal) !important;
}

/* ── Responsive footer ──────────────────────────────────────────────────── */

@media (max-width: 781px) {
	.ml-footer-cols > .ml-footer-col--about {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
		padding-right: 0;
		padding-bottom: 2rem;
	}

	.ml-footer-cols > .ml-footer-col:not(.ml-footer-col--about) {
		padding-left: 0;
	}

	.ml-footer-tagline {
		max-width: 100%;
	}

	.ml-footer-cta .wp-block-group {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   LISTE DES PUBLICATIONS (shortcode medialo)
   ═══════════════════════════════════════════════════════════════════════════ */

.medialo-pub-type__title {
	border-bottom-color: var(--ml-teal) !important;
	color: var(--ml-black);
}

.medialo-pub-region__title {
	color: var(--ml-teal) !important;
}

.medialo-pub-item__link:hover .medialo-pub-item__logo,
.medialo-pub-item__link:focus-visible .medialo-pub-item__logo {
	border-color: var(--ml-teal) !important;
	box-shadow: 0 4px 16px var(--ml-teal-glow) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TÉMOIGNAGES — [medialo_temoignages]  carousel
   ═══════════════════════════════════════════════════════════════════════════ */

.ml-temo {
	position: relative;
	width: 100%;
}

/* Fenêtre (masque les slides hors-champ) */
.ml-temo__viewport {
	overflow: hidden;
	border-radius: 20px;
}

/* Piste : tous les slides côte à côte */
.ml-temo__track {
	display: flex;
	transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

.ml-temo__slide {
	flex: 0 0 100%;
	min-width: 0;
	padding: 0 2px; /* micro-marge pour éviter le clipping du box-shadow */
}

/* Carte */
.ml-temo__card {
	margin: 0;
	padding: 44px 48px 40px;
	background: #fff;
	border: 1px solid var(--ml-border);
	border-radius: 20px;
	box-shadow: 0 4px 32px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	gap: 28px;
}

/* Guillemet décoratif */
.ml-temo__quote {
	display: block;
	font-size: 5rem;
	line-height: 0.8;
	color: var(--ml-teal);
	font-family: Georgia, serif;
	margin-bottom: -8px;
}

.ml-temo__citation {
	font-size: 1.05rem;
	line-height: 1.75;
	color: #222;
	margin: 0;
	font-style: italic;
}

/* Auteur */
.ml-temo__footer {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 8px;
	border-top: 1px solid var(--ml-border);
}

.ml-temo__photo {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid var(--ml-teal-border);
}

.ml-temo__photo--vide {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--ml-teal-subtle);
	flex-shrink: 0;
}

.ml-temo__identite {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ml-temo__nom {
	font-size: 0.95rem;
	font-weight: 700;
	color: #111;
}

.ml-temo__meta {
	font-size: 0.82rem;
	color: var(--ml-gray);
}

/* Contrôles */
.ml-temo__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
}

.ml-temo__arrow {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1.5px solid #d1d5db;
	background: #fff;
	color: #444;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.ml-temo__arrow svg {
	width: 18px;
	height: 18px;
}

.ml-temo__arrow:hover {
	border-color: var(--ml-teal);
	background: var(--ml-teal);
	color: #fff;
}

/* Points */
.ml-temo__dots {
	display: flex;
	gap: 8px;
	align-items: center;
}

.ml-temo__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: none;
	padding: 0;
	background: #d1d5db;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}

.ml-temo__dot--active {
	background: var(--ml-teal);
	transform: scale(1.35);
}

.ml-temo-empty {
	color: var(--ml-gray);
	font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VALEURS — [medialo_valeurs]
   ═══════════════════════════════════════════════════════════════════════════ */

.ml-valeurs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 32px;
}

.ml-valeur {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--ml-border);
	border-radius: 14px;
	border-left: 4px solid var(--ml-teal);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.ml-valeur:hover {
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

/* Icône / numéro */
.ml-valeur__icone-wrap {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: var(--ml-teal-subtle);
	border: 1px solid var(--ml-teal-border);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ml-valeur__icone {
	font-size: 1.6rem;
	line-height: 1;
}

.ml-valeur__num {
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--ml-teal);
	line-height: 1;
}

/* Texte */
.ml-valeur__corps {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.ml-valeur__titre {
	font-size: 1rem;
	font-weight: 700;
	color: #111;
	margin: 0;
	line-height: 1.3;
}

.ml-valeur__desc {
	font-size: 0.875rem;
	line-height: 1.65;
	color: var(--ml-gray);
	margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ÉQUIPE — [medialo_equipe]  (style inspiré Digmox)
   ═══════════════════════════════════════════════════════════════════════════ */

.ml-team {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

/* Filtres */
.ml-team-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 32px;
}

.ml-team-filter {
	padding: 7px 18px;
	border-radius: 20px;
	border: 1.5px solid #d1d5db;
	background: #fff;
	color: #444;
	font-size: 0.85rem;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ml-team-filter:hover {
	border-color: var(--ml-teal);
	color: var(--ml-teal);
}

.ml-team-filter--actif {
	background: var(--ml-teal);
	border-color: var(--ml-teal);
	color: #fff;
}

.ml-team-filter--actif:hover {
	background: var(--ml-teal-dark);
	border-color: var(--ml-teal-dark);
	color: #fff;
}

/* Carte */
.ml-team__card {
	position: relative;
	background: #fff;
	border: 1px solid #111;
	border-radius: 30px;
	padding: 32px 32px 28px;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 0;
}

/* Ombre décalée Digmox */
.ml-team__card::before {
	content: '';
	position: absolute;
	inset: 0;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border-radius: 34px 40px 34px 40px;
	background: #111;
	z-index: -1;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
	            opacity  0.4s ease;
}

.ml-team__card:hover {
	transform: translate(-3px, -3px);
}

.ml-team__card:hover::before {
	transform: translate(3px, 3px);
}

/* Bloc photos */
.ml-team__photos {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 22px;
	background: #f3f4f6;
}

.ml-team__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

/* Photo 1 : visible par défaut */
.ml-team__photo--1 {
	z-index: 2;
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Photo 2 : cachée, légèrement zoomée (effet départ) */
.ml-team__photo--2 {
	z-index: 3;
	opacity: 0;
	transform: scale(1.06);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Hover : photo 2 glisse en avant, photo 1 disparaît */
.ml-team__photos--swap:hover .ml-team__photo--2 {
	opacity: 1;
	transform: scale(1);
}

.ml-team__photos--swap:hover .ml-team__photo--1 {
	opacity: 0;
	transform: scale(0.97);
}

.ml-team__photo--placeholder {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #e5e7eb 0%, #f9fafb 100%);
}

/* Infos texte */
.ml-team__info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ml-team__nom {
	font-size: 1.2rem;
	font-weight: 700;
	color: #111;
	margin: 0;
	line-height: 1.25;
	transition: color 0.3s ease;
}

.ml-team__card:hover .ml-team__nom {
	color: var(--ml-teal);
}

.ml-team__poste {
	font-size: 0.92rem;
	color: #444;
	font-weight: 500;
	margin-top: 2px;
}

.ml-team__dept {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--ml-teal);
	background: var(--ml-teal-subtle);
	border: 1px solid var(--ml-teal-border);
	border-radius: 20px;
	padding: 2px 10px;
	margin-top: 6px;
	width: fit-content;
}

.ml-team__bio {
	font-size: 0.85rem;
	color: var(--ml-gray);
	line-height: 1.5;
	margin: 8px 0 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
	.ml-team {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.ml-valeurs {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.ml-temo__card {
		padding: 28px 24px 24px;
	}

	.ml-temo__quote {
		font-size: 3.5rem;
	}

	.ml-temo__citation {
		font-size: 0.95rem;
	}
}

@media (max-width: 768px) {
	header.wp-block-template-part .wp-block-site-title::after {
		display: none; /* retire le trait sous le logo sur mobile */
	}

	.wp-block-group.has-background:not(.has-contrast-background-color):not(.has-accent-3-background-color):hover {
		transform: none; /* désactive le lift sur tactile */
	}

	.ml-team {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ml-team__card {
		padding: 24px 24px 20px;
	}

	/* pas de hover photo sur tactile (pas de survol) */
	.ml-team__photos--swap:hover .ml-team__photo--2 {
		opacity: 0;
		transform: scale(1.06);
	}

	.ml-team__photos--swap:hover .ml-team__photo--1 {
		opacity: 1;
		transform: scale(1);
	}
}