/* ============================================================
   Footer
   ============================================================ */

.logo-footer {
	max-width: 150px !important;
}

.title-footer {
	margin-bottom: -20px;
}


/* ============================================================
   Logos en ligne — homepage et footer
   ============================================================ */

/*
 * Ajoutez la classe CSS "logos-inline" au bloc Groupe dans l'éditeur WordPress
 * pour que les logos s'affichent en rangée et s'empilent sur mobile.
 */
.logos-inline {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 24px !important;
}

.logos-inline .wp-block-image,
.logos-inline figure {
	flex: 0 0 auto !important;
	margin: 0 !important;
}

@media (max-width: 600px) {
	.logos-inline {
		flex-direction: column !important;
		align-items: center !important;
	}
}

/* Bandeau logos HEdS/HETS — agrandissement sur mobile */
@media (max-width: 768px) {
	.wp-image-30063,
	img[src*="bandeau-logos"] {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		height: auto !important;
	}

	figure.wp-block-image:has(.wp-image-30063),
	.wp-block-gallery:has(.wp-image-30063) {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Logo newsletter — réduction sur mobile */
@media (max-width: 768px) {
	.wp-image-29623 {
		max-width: 100px !important;
		width: 100px !important;
		height: auto !important;
	}

	figure.wp-block-image:has(.wp-image-29623) {
		max-width: 100px !important;
	}
}


/* ============================================================
   Logo principal — effet de survol (retour accueil)
   ============================================================ */

/* Empêche le clipping du scale par le conteneur */
.wp-block-site-logo {
	overflow: visible !important;
}

.wp-block-site-logo a,
.custom-logo-link,
.site-logo a,
a:has(img[src*="logo-sans-texte"]) {
	display: inline-block !important;
	transition: opacity 0.25s ease, transform 0.25s ease !important;
}

.wp-block-site-logo a:hover,
.custom-logo-link:hover,
.site-logo a:hover,
a:has(img[src*="logo-sans-texte"]):hover {
	transform: scale(1.06) !important;
}