/**
 * La couche « Mairies » de la carte — 0.99.491.
 *
 * ⚠️ Violet #6D3FA6 (accord d'Olivier, à revoir peut-être) : ni l'orange des
 * signalements, ni le bleu des découvertes, ni le vert de « À voir ».
 * ⚠️ Sélecteur à deux classes, comme `.citivo-avoir-pin` : Leaflet pose
 * `.leaflet-marker-icon { display: block }` après notre feuille.
 * ⚠️ `border-box` : la taille rendue doit être celle annoncée à Leaflet
 * (24 px), sinon le rond se décale de sa coordonnée.
 *
 * @package Citivo
 */

.leaflet-marker-icon.citivo-mairie-pin {
	display:         flex;
	align-items:     center;
	justify-content: center;
	box-sizing:      border-box;
	width:           24px;
	height:          24px;
	border-radius:   999px;
	background:      #6D3FA6;
	border:          2px solid #ffffff;
	box-shadow:      0 1px 3px rgba( 0, 0, 0, .35 );
	color:           #ffffff;
	cursor:          pointer;
}

.leaflet-marker-icon.citivo-mairie-pin svg {
	width:  14px;
	height: 14px;
}

/* Le bouton de la carte — 0.99.492, même logique que « À voir » (demande
   d'Olivier) : ACTIF, rond plein violet et bâtiment blanc, comme les pins ;
   éteint, contour et bâtiment noirs (`citivo-geoloc-btn`). Survol compris. */
.citivo-carte-publique-container .leaflet-bar .citivo-geoloc-btn.citivo-mairies-btn.is-actif svg circle {
	fill:   #6D3FA6;
	stroke: #6D3FA6;
}

.citivo-carte-publique-container .leaflet-bar .citivo-geoloc-btn.citivo-mairies-btn.is-actif svg path {
	fill: #ffffff;
}

/* La bulle. */
.citivo-mairie-fiche {
	font-size:   var( --citivo-fs-texte, 15px );
	line-height: 1.4;
}

.citivo-mairie-fiche p {
	margin: 0 0 .4rem;
}

.citivo-mairie-fiche-titre {
	padding-right: 18px; /* La croix. */
	font-weight:   700;
	font-size:     1.05em;
	color:         #1d2327;
}

.citivo-mairie-fiche-note {
	opacity: .75;
}

.citivo-mairie-fiche-statut {
	display:     flex;
	align-items: center;
	gap:         6px;
	color:       #b32d2e;
}

.citivo-mairie-fiche-statut.is-ouvert {
	color: #1e7e34;
}

.citivo-mairie-fiche-pastille {
	flex:          0 0 auto;
	width:         8px;
	height:        8px;
	border-radius: 999px;
	background:    currentColor;
}

/* 0.99.517 — deux boutons ALIGNÉS de même hauteur : « Voir la page » (bleu
   plein, icône d'œil) puis « Suivre » (inchangé). ⚠️ Couleurs redéclarées au
   survol et au focus, et sélecteur sous `.leaflet-container` : Leaflet colore
   les liens des bulles (`.leaflet-container a`). */
.citivo-mairie-fiche-actions {
	display:     flex;
	flex-wrap:   wrap;
	align-items: stretch;
	gap:         8px;
	margin-top:  .6rem;
}

.leaflet-container .citivo-mairie-fiche-actions a.citivo-mairie-fiche-page,
.leaflet-container .citivo-mairie-fiche-actions a.citivo-mairie-fiche-page:hover,
.leaflet-container .citivo-mairie-fiche-actions a.citivo-mairie-fiche-page:focus {
	display:         inline-flex;
	align-items:     center;
	gap:             6px;
	box-sizing:      border-box;
	padding:         4px 12px;
	border:          1px solid #315BA3;
	border-radius:   20px;
	background:      #315BA3;
	color:           #ffffff;
	font-weight:     600;
	line-height:     1.4;
	text-decoration: none;
}

.leaflet-container .citivo-mairie-fiche-actions a.citivo-mairie-fiche-page:hover {
	border-color: #24467f;
	background:   #24467f;
}

.citivo-mairie-fiche-actions .citivo-mairie-fiche-page svg {
	flex: 0 0 auto;
}

.citivo-mairie-fiche-actions .citivo-suivre {
	padding:       4px 10px;
	border:        1px solid #cccccc;
	border-radius: 20px;
	background:    #ffffff;
	color:         #333333;
	font-weight:   600;
}

/* La croix agrandie, comme les bulles « À voir » (0.99.431). */
.leaflet-container .citivo-mairie-bulle a.leaflet-popup-close-button {
	top:         5px;
	right:       5px;
	width:       30px;
	height:      30px;
	font:        24px Tahoma, Verdana, sans-serif;
	line-height: 30px;
}