/**
 * Correctif mobile de la page Canada (public).
 * Limité à .esm-canada-page et aux écrans <= 900px.
 */
@media (max-width: 900px) {
	.esm-canada-page {
		overflow-x: clip;
		max-width: 100%;
	}

	.esm-canada-page .esm-canada-shell,
	.esm-canada-page .esm-canada-section,
	.esm-canada-page .esm-canada-carte-col,
	.esm-canada-page .esm-canada-carte-duo,
	.esm-canada-page .esm-canada-reasons-grid,
	.esm-canada-page .esm-canada-reasons-grid article {
		min-width: 0;
		max-width: 100%;
	}

	/* Une seule colonne : le CSS principal force encore 3 colonnes à cette largeur. */
	.esm-canada-page .esm-canada-reasons .esm-canada-reasons-grid,
	.esm-canada-page .esm-canada-reasons-grid {
		display: grid;
		grid-template-columns: 1fr !important;
		gap: 28px;
	}

	.esm-canada-page .esm-canada-reasons-grid article {
		padding: 0;
	}

	.esm-canada-page .esm-canada-reasons h2,
	.esm-canada-page .esm-canada-reasons-grid h3,
	.esm-canada-page .esm-canada-reasons-grid p,
	.esm-canada-page .esm-canada-reasons-grid strong {
		overflow-wrap: break-word;
		word-break: normal;
		hyphens: none;
		max-width: 100%;
	}

	/* Carte illustrée (SVG) : hauteur fixe ; le résumé Est / Ouest est sous les cartes. */
	.esm-canada-page .esm-canada-carte-graphic {
		height: 320px !important;
		padding: 12px;
	}

	.esm-canada-page .esm-canada-schema {
		min-height: 0;
		height: auto;
	}

	.esm-canada-page .esm-canada-carte-duo {
		gap: 28px;
		align-items: start;
	}
}

/* Carte Leaflet : rester sous l'en-tête fixe au défilement (toutes largeurs). 14/11/2026 */
.esm-canada-page .esm-itin-map.leaflet-container {
	isolation: isolate;
	z-index: 0;
}

/* Carte de situation : SVG à gauche, Leaflet à droite, résumé Est / Ouest dessous. 14/11/2026 */
.esm-canada-page .esm-canada-carte-graphic {
	height: 420px;
}
.esm-canada-page .esm-canada-carte-svg text {
	font-size: 13px;
}
.esm-canada-page .esm-canada-carte-resume {
	max-width: 920px;
	margin: 34px auto 0;
}
.esm-canada-page .esm-canada-carte-resume .esm-canada-schema {
	min-height: 0;
}
html body .esm-canada-page .esm-itin-map .esm-itin-popup-link {
	font-family: var(--esm-canada-body);
}
@media (max-width: 900px) {
	.esm-canada-page .esm-canada-carte-svg text {
		font-size: 16px;
	}
	.esm-canada-page .esm-canada-carte-resume {
		margin-top: 28px;
	}
}