/* Pages hubs : chaque image garde son format d'origine (aucun recadrage),
   les colonnes restent indépendantes comme une mise en page en maçonnerie. */
.mb-hub .wpb_single_image .vc_figure,
.mb-hub .wpb_single_image .vc_single_image-wrapper {
	display: block;
	width: 100%;
}
.mb-hub .wpb_single_image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: opacity .3s ease;
}
.mb-hub .wpb_single_image a:hover img {
	opacity: .88;
}
.mb-hub .wpb_single_image {
	margin-bottom: 14px !important;
}
.mb-hub .vc_row-flex,
.mb-hub .vc_row-o-content-top {
	align-items: flex-start;
}

/* Légendes : même taille, même graisse, alignées à gauche sous la photo */
.mb-hub .wpb_text_column p,
.mb-hub .wpb_text_column p * {
	text-transform: none !important;
}
.mb-hub .wpb_text_column p {
	text-align: left !important;
	margin: 0;
	line-height: 1.35;
}
.mb-hub .wpb_text_column p a,
.mb-hub .wpb_text_column p span,
.mb-hub .wpb_text_column p b,
.mb-hub .wpb_text_column p strong {
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	color: #141414;
	text-decoration: none;
}
.mb-hub .wpb_text_column p a:hover,
.mb-hub .wpb_text_column p a:hover * {
	color: #c48f56;
}
.mb-hub .wpb_text_column {
	margin-bottom: 44px !important;
}

/* Grille en maçonnerie construite par hubs.js : plus d'air, légendes centrées. */
.mb-mur {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 4px;
	column-gap: clamp(28px, 4vw, 64px);
	align-items: start;
	max-width: 1500px;
	margin: clamp(24px, 4vw, 56px) auto 0;
}
.mb-mur__item {
	padding-bottom: clamp(48px, 6vw, 88px);
	min-width: 0;
}
.mb-mur__item .vc_column-inner {
	padding: 0 !important;
}
.mb-mur .wpb_single_image {
	margin-bottom: 18px !important;
}
.mb-mur .wpb_single_image .vc_figure,
.mb-mur .wpb_single_image .vc_single_image-wrapper {
	text-align: center;
}
.mb-mur .wpb_text_column {
	margin-bottom: 0 !important;
}
.mb-mur .wpb_text_column p {
	text-align: center !important;
}
.mb-mur .vc_empty_space {
	display: none;
}
@media (max-width: 991px) {
	.mb-mur { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
	.mb-mur { grid-template-columns: 1fr; }
}