/*
 * Carte des sites d'injection de biométhane.
 * Ordinateur : panneau de filtres vert à gauche, carte (ou liste) à droite.
 * Mobile : carte pleine largeur, filtres dans un panneau qui glisse depuis le bas.
 */

.metha-carte {
	--hauteur-carte: clamp(540px, calc(100vh - 220px), 780px);
	position: relative;
	display: grid;
	grid-template-columns: minmax(300px, 360px) 1fr;
	gap: 0;
	margin: 0 auto;
	font-size: 0.9rem;
}

.metha-carte__chargement,
.metha-carte__erreur {
	grid-column: 1 / -1;
	padding: 4rem 1rem;
	border-radius: 18px;
	background: var(--wp--preset--color--gris-fond);
	text-align: center;
}

.metha-carte--apercu {
	display: block;
	padding: 3rem 1.5rem;
	border: 2px dashed var(--wp--preset--color--vert);
	border-radius: 18px;
	background: var(--wp--preset--color--vert-clair);
	text-align: center;
}

.metha-carte__pastille {
	display: inline-block;
	flex: none;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--couleur, #7a7a7a);
	box-shadow: 0 0 0 2px var(--wp--preset--color--blanc);
}

/* ---------- Panneau des filtres ---------- */
.metha-carte__panneau {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	max-height: var(--hauteur-carte);
	padding: 1.75rem 1.5rem 1.5rem;
	overflow-y: auto;
	border-radius: 18px 0 0 18px;
	background: var(--wp--preset--color--vert);
	color: var(--wp--preset--color--blanc);
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}

.metha-carte__panneau-entete {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.metha-carte__panneau h2 {
	margin: 0;
	color: var(--wp--preset--color--blanc);
	font-size: 1.5rem;
}

.metha-carte__fermer {
	display: none;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: inherit;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
}

.metha-carte__chiffres {
	margin: -0.4rem 0 0.2rem;
	font-size: 0.95rem;
	opacity: 0.95;
}

.metha-carte__chiffres strong {
	font-size: 1.15rem;
}

.metha-carte__champ {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.metha-carte__libelle {
	font-weight: 700;
}

.metha-carte__panneau input,
.metha-carte__panneau select {
	width: 100%;
	min-height: 42px;
	padding: 0.5rem 0.8rem;
	border: 0;
	border-radius: 8px;
	background: var(--wp--preset--color--blanc);
	color: var(--wp--preset--color--texte);
	font: inherit;
	box-sizing: border-box;
}

.metha-carte__panneau input:focus-visible,
.metha-carte__panneau select:focus-visible,
.metha-carte__panneau button:focus-visible {
	outline: 3px solid var(--wp--preset--color--jaune);
	outline-offset: 2px;
}

.metha-carte__duo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6rem;
}

/* Recherche de lieu */
.metha-carte__lieu {
	position: relative;
}

.metha-carte__suggestions {
	position: absolute;
	z-index: 20;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	margin: 0;
	padding: 0.35rem;
	list-style: none;
	border-radius: 8px;
	background: var(--wp--preset--color--blanc);
	box-shadow: 0 8px 24px rgba(29, 29, 27, 0.2);
}

.metha-carte__suggestions button {
	width: 100%;
	padding: 0.55rem 0.7rem;
	border: 0;
	border-radius: 6px;
	background: none;
	color: var(--wp--preset--color--texte);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.metha-carte__suggestions button:hover,
.metha-carte__suggestions button:focus {
	background: var(--wp--preset--color--vert-clair);
	outline: none;
}

.metha-carte__geoloc {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.2rem 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--blanc);
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.metha-carte__geoloc::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23000'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23000'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Puces de filtre (types de site, réseau) */
.metha-carte__puces {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.metha-carte__puces--ligne {
	flex-direction: row;
	flex-wrap: wrap;
}

.metha-carte__puce {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--wp--preset--color--blanc);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}

.metha-carte__puces--ligne .metha-carte__puce {
	flex: 1;
}

.metha-carte__puce:hover {
	background: rgba(255, 255, 255, 0.18);
}

.metha-carte__puce[aria-pressed="true"] {
	border-color: var(--wp--preset--color--blanc);
	background: var(--wp--preset--color--blanc);
	color: var(--wp--preset--color--texte);
	font-weight: 600;
}

.metha-carte__puce > span:nth-last-child(2) {
	flex: 1;
}

.metha-carte__compte {
	min-width: 2em;
	padding: 0.05rem 0.45rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.18);
	font-size: 0.78rem;
	font-weight: 600;
	text-align: center;
}

.metha-carte__puce[aria-pressed="true"] .metha-carte__compte {
	background: var(--wp--preset--color--vert-clair);
	color: var(--wp--preset--color--vert-fonce);
}

.metha-carte__actions {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: auto;
	padding-top: 0.5rem;
}

.metha-carte__effacer {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--blanc);
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.metha-carte__effacer:disabled {
	opacity: 0.5;
	cursor: default;
	text-decoration: none;
}

.metha-carte__voir {
	display: none;
}

/* ---------- Zone carte / liste ---------- */
.metha-carte__zone {
	position: relative;
	height: var(--hauteur-carte);
	overflow: hidden;
	border-radius: 0 18px 18px 0;
	background: var(--wp--preset--color--gris-fond);
}

.metha-carte__barre {
	position: absolute;
	z-index: 500;
	top: 0.9rem;
	left: 0.9rem;
	display: flex;
	gap: 0.6rem;
	pointer-events: none;
}

.metha-carte__barre > * {
	pointer-events: auto;
}

.metha-carte__ouvrir-filtres {
	display: none;
}

.metha-carte__onglets {
	display: flex;
	padding: 4px;
	border-radius: 999px;
	background: var(--wp--preset--color--blanc);
	box-shadow: 0 3px 12px rgba(29, 29, 27, 0.18);
}

.metha-carte__onglet {
	padding: 0.45rem 1rem;
	border: 0;
	border-radius: 999px;
	background: none;
	color: var(--wp--preset--color--texte);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.metha-carte__onglet[aria-pressed="true"] {
	background: var(--wp--preset--color--vert);
	color: var(--wp--preset--color--blanc);
}

.metha-carte__fond {
	position: absolute;
	inset: 0;
	z-index: 1;
	font: inherit;
}

.metha-carte__fond[hidden] {
	display: block !important;
	visibility: hidden;
}

/* Points et regroupements */
.metha-carte__point span {
	display: block;
	width: 14px;
	height: 14px;
	margin: 2px;
	border: 2px solid var(--wp--preset--color--blanc);
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
	transition: transform 0.15s;
}

.metha-carte__point:hover span,
.metha-carte__point:focus span {
	transform: scale(1.35);
}

.metha-carte__groupe {
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(55, 126, 61, 0.28);
}

.metha-carte__groupe span {
	display: grid;
	place-items: center;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-radius: 50%;
	background: var(--wp--preset--color--vert);
	color: var(--wp--preset--color--blanc);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.8rem;
	font-weight: 700;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.metha-carte__ici span {
	display: block;
	width: 22px;
	height: 22px;
	border: 4px solid var(--wp--preset--color--blanc);
	border-radius: 50%;
	background: var(--wp--preset--color--jaune);
	box-shadow: 0 0 0 6px rgba(250, 178, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
}

/* Fiche d'un site (bulle) */
.metha-carte__popup .leaflet-popup-content-wrapper {
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(29, 29, 27, 0.22);
}

.metha-carte__popup .leaflet-popup-content {
	margin: 1rem 1.1rem;
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.85rem;
	line-height: 1.45;
}

.metha-fiche__type {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.35rem !important;
	color: var(--wp--preset--color--gris);
	font-size: 0.78rem;
	font-weight: 600;
}

.metha-fiche__nom {
	margin: 0;
	font-size: 1rem;
	line-height: 1.3;
}

.metha-fiche__lieu {
	margin: 0.2rem 0 0.75rem !important;
	color: var(--wp--preset--color--gris);
}

.metha-fiche__infos {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.3rem 0.75rem;
	margin: 0;
	padding-top: 0.7rem;
	border-top: 1px solid #ececec;
}

.metha-fiche__infos dt {
	color: var(--wp--preset--color--gris);
}

.metha-fiche__infos dd {
	margin: 0;
	font-weight: 600;
}

/* Vue liste */
.metha-carte__vue-liste {
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 4.5rem 1.25rem 1.25rem;
	overflow-y: auto;
	background: var(--wp--preset--color--gris-fond);
}

.metha-carte__liste-entete {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.metha-carte__liste-titre {
	margin: 0;
	font-weight: 700;
}

.metha-carte__liste-entete select {
	min-height: 40px;
	padding: 0.4rem 0.75rem;
	border: 1px solid #c9c9c9;
	border-radius: 8px;
	background: var(--wp--preset--color--blanc);
	font: inherit;
}

.metha-carte__resultats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.metha-carte__resultat {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	width: 100%;
	height: 100%;
	padding: 0.9rem 1rem;
	border: 0;
	border-left: 4px solid var(--couleur);
	border-radius: 10px;
	background: var(--wp--preset--color--blanc);
	box-shadow: 0 2px 8px rgba(29, 29, 27, 0.06);
	color: var(--wp--preset--color--texte);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: box-shadow 0.15s, transform 0.15s;
}

.metha-carte__resultat:hover {
	box-shadow: 0 6px 18px rgba(29, 29, 27, 0.12);
	transform: translateY(-1px);
}

.metha-carte__resultat-type {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--wp--preset--color--gris);
	font-size: 0.75rem;
	font-weight: 600;
}

.metha-carte__resultat-nom {
	font-weight: 700;
	line-height: 1.3;
}

.metha-carte__resultat-infos {
	color: var(--wp--preset--color--gris);
	font-size: 0.8rem;
}

.metha-carte__plus {
	grid-column: 1 / -1;
	text-align: center;
}

.metha-carte__plus button {
	padding: 0.6rem 1.5rem;
	border: 1.5px solid var(--wp--preset--color--vert);
	border-radius: 999px;
	background: var(--wp--preset--color--blanc);
	color: var(--wp--preset--color--vert);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* Légende et source */
.metha-carte__legende {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin-top: 1rem;
	font-size: 0.82rem;
}

.metha-carte__legende > span {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.metha-carte__legende .metha-carte__pastille {
	box-shadow: 0 0 0 2px var(--wp--preset--color--blanc), 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.metha-carte__source {
	grid-column: 1 / -1;
	margin: 0.5rem 0 0;
	color: var(--wp--preset--color--gris);
	font-size: 0.78rem;
}

.metha-carte .leaflet-control-attribution {
	font-size: 0.68rem;
}

.metha-carte .leaflet-control-zoom a {
	width: 36px;
	height: 36px;
	line-height: 34px;
	color: var(--wp--preset--color--texte);
}

.metha-carte__voile {
	display: none;
}

/* ---------- Mobile et tablette ---------- */
@media (max-width: 900px) {
	.metha-carte {
		--hauteur-carte: 68vh;
		grid-template-columns: 1fr;
	}

	.metha-carte__zone {
		border-radius: 14px;
	}

	.metha-carte__ouvrir-filtres {
		display: inline-flex;
		align-items: center;
		gap: 0.45rem;
		padding: 0.55rem 1.1rem;
		border: 0;
		border-radius: 999px;
		background: var(--wp--preset--color--vert);
		color: var(--wp--preset--color--blanc);
		font: inherit;
		font-weight: 700;
		box-shadow: 0 3px 12px rgba(29, 29, 27, 0.25);
		cursor: pointer;
	}

	.metha-carte__ouvrir-filtres::before {
		content: "";
		width: 16px;
		height: 16px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.metha-carte__badge {
		display: inline-grid;
		place-items: center;
		min-width: 20px;
		height: 20px;
		padding: 0 5px;
		border-radius: 999px;
		background: var(--wp--preset--color--jaune);
		color: var(--wp--preset--color--texte);
		font-size: 0.75rem;
	}

	.metha-carte__barre {
		left: 0.6rem;
		right: 0.6rem;
		top: 0.6rem;
		justify-content: space-between;
	}

	.metha-carte .leaflet-top.leaflet-right {
		top: 3.4rem;
	}

	/* Panneau qui glisse depuis le bas */
	.metha-carte__panneau {
		position: fixed;
		z-index: 1000;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: 88vh;
		padding: 1.25rem 1.25rem 0;
		border-radius: 20px 20px 0 0;
		transform: translateY(105%);
		transition: transform 0.28s ease;
		box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.25);
	}

	.filtres-ouverts .metha-carte__panneau {
		transform: none;
	}

	.metha-carte__fermer {
		display: grid;
		place-items: center;
	}

	.metha-carte__actions {
		position: sticky;
		bottom: 0;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin: 0 -1.25rem;
		padding: 0.9rem 1.25rem calc(0.9rem + env(safe-area-inset-bottom));
		background: var(--wp--preset--color--vert);
		box-shadow: 0 -6px 14px rgba(0, 0, 0, 0.15);
	}

	.metha-carte__effacer {
		align-self: center;
	}

	.metha-carte__voir {
		display: block;
		padding: 0.7rem 1.4rem;
		border: 0;
		border-radius: 999px;
		background: var(--wp--preset--color--jaune);
		color: var(--wp--preset--color--texte);
		font: inherit;
		font-weight: 700;
		cursor: pointer;
	}

	.metha-carte__voile {
		position: fixed;
		z-index: 999;
		inset: 0;
		display: block;
		background: rgba(29, 29, 27, 0.45);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.28s, visibility 0.28s;
	}

	.filtres-ouverts .metha-carte__voile {
		opacity: 1;
		visibility: visible;
	}

	.metha-carte__vue-liste {
		padding: 4rem 0.75rem 0.75rem;
	}

	.metha-carte__resultats {
		grid-template-columns: 1fr;
	}

	.metha-carte__legende {
		gap: 0.4rem 1rem;
		font-size: 0.78rem;
	}
}

html.metha-sans-defilement,
html.metha-sans-defilement body {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.metha-carte__panneau,
	.metha-carte__voile {
		transition: none;
	}
}

/* Fond de carte IGN adouci pour que les sites ressortent */
.metha-carte .leaflet-tile-pane {
	filter: saturate(0.45) brightness(1.05) contrast(0.95);
}

/* Bulle d'un site : tuile colorée (pictogramme + capacité), nom, commune, lien vers la fiche */
.metha-carte__popup .leaflet-popup-content {
	margin: 0.9rem 1rem;
}

.metha-carte__popup .leaflet-popup-close-button {
	top: 6px !important;
	right: 6px !important;
	width: 28px !important;
	height: 28px !important;
	color: var(--wp--preset--color--texte) !important;
	font-size: 24px !important;
}

.metha-bulle {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding-right: 1rem;
}

.metha-bulle__tuile {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 92px;
	border-radius: 16px;
	background: var(--couleur);
	color: var(--wp--preset--color--blanc);
	text-align: center;
	line-height: 1.1;
}

.metha-bulle__tuile strong {
	margin-top: 0.3rem;
	font-size: 0.95rem;
}

.metha-bulle__tuile small {
	font-size: 0.7rem;
	font-weight: 600;
}

.metha-bulle__picto {
	width: 34px;
	height: 34px;
	background: currentColor;
	-webkit-mask: var(--picto) center / contain no-repeat;
	mask: var(--picto) center / contain no-repeat;
}

.metha-bulle__picto--tracteur {
	--picto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 15V9h6l1 4h5l1-3h2v5'/%3E%3Cpath d='M7 9V5h4l1 4'/%3E%3Ccircle cx='7.5' cy='16.5' r='3'/%3E%3Ccircle cx='18' cy='17.5' r='2'/%3E%3C/svg%3E");
}

.metha-bulle__picto--eau {
	--picto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z'/%3E%3Cpath d='M9 15a3 3 0 0 0 3 3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.metha-bulle__picto--usine {
	--picto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 20V10l5 3V10l5 3V10l5 3V4h3v16z'/%3E%3Cpath d='M7 17h2M12 17h2M17 17h1' stroke-linecap='round'/%3E%3C/svg%3E");
}

.metha-bulle__picto--recyclage {
	--picto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 19H4.5a1.5 1.5 0 0 1-1.3-2.25L6 12'/%3E%3Cpath d='M11 19h8.5a1.5 1.5 0 0 0 1.3-2.25L19 13.5'/%3E%3Cpath d='M9.5 5.25 10.7 3.2a1.5 1.5 0 0 1 2.6 0L16 8'/%3E%3Cpath d='m8 16 3 3-3 3M14 8l2 0 0-2.5M3 9l3 3 3-1'/%3E%3C/svg%3E");
}

.metha-bulle__texte {
	min-width: 0;
}

.metha-bulle__nom {
	margin: 0 0 0.35rem;
	color: var(--wp--preset--color--vert);
	font-size: 1.02rem;
	line-height: 1.25;
}

.metha-bulle__lieu,
.metha-bulle__distance {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0 0 0.25rem !important;
	color: var(--wp--preset--color--texte);
	font-size: 0.82rem;
}

.metha-bulle__lieu::before {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: var(--i-lieu) center / contain no-repeat;
	mask: var(--i-lieu) center / contain no-repeat;
}

.metha-bulle__distance {
	color: var(--wp--preset--color--gris);
}

.metha-bulle__lien {
	display: inline-block;
	margin-top: 0.45rem;
	padding: 0.3rem 0.65rem;
	border-radius: 6px;
	background: #e6e6e6;
	color: var(--wp--preset--color--texte) !important;
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none !important;
}

.metha-bulle__lien:hover {
	background: var(--wp--preset--color--vert-clair);
}

@media (max-width: 420px) {
	.metha-bulle__tuile {
		width: 72px;
		height: 72px;
	}

	.metha-bulle__picto {
		width: 26px;
		height: 26px;
	}
}

/* La carte reste sous le menu déroulant de l'en-tête : ses calques (zoom, onglets, bulles)
   sont regroupés dans leur propre empilement. */
.metha-carte__zone {
	isolation: isolate;
}

/* Le panneau vert a exactement la hauteur de la carte (marges intérieures comprises). */
@media (min-width: 901px) {
	.metha-carte__panneau {
		height: var(--hauteur-carte);
		max-height: none;
		box-sizing: border-box;
	}
}