/* ═══════════════════════════════════════════════════════════════════════
   Bloc "Carte de zone" (theme/carte-zone)
   L'apparence de la carte elle-même (.zones-intervention__region et ses
   enfants) vient du style partagé dans assets/css/main.css — voir la
   section "Carte région/zone — style partagé". Ce fichier ne contient que
   ce qui est propre à l'usage autonome de ce bloc.
   ═══════════════════════════════════════════════════════════════════════ */

/* Placé seul dans une page, la carte ne s'étire pas sur toute la largeur du
   conteneur : elle garde une largeur de carte, comme dans la grille du
   bloc listing "Zones d'intervention". */
.wp-block-theme-carte-zone {
	max-width: 420px;
}

/* ── Champs du repeater "villes" (éditeur uniquement) ───────────────────── */

.zones-intervention__city--editing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	padding: .5rem .25rem;
	border-bottom: 1px solid var(--wp--preset--color--background-2, #f7f7f8);
}

.zones-intervention__region--primary .zones-intervention__city--editing {
	border-bottom-color: rgba(255,255,255,.15);
}

.zones-intervention__city-label-input,
.zones-intervention__city-url-input {
	flex: 1 1 140px;
	margin: 0 !important;
}

.zones-intervention__city-controls {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.zones-intervention__city-add {
	margin-top: var(--wp--preset--spacing--s, .938rem);
}