/**
 * La couche « Informations » de la carte (DATAtourisme) — 0.99.559.
 *
 * ⚠️ Bleu-vert #0E7C86 (choix d'Olivier, 26/10) : ni l'orange des
 * signalements, ni le bleu des découvertes, ni le vert d'« À voir », ni le
 * violet des mairies. Une icône blanche par type, sur le même rond.
 * ⚠️ Sélecteur à deux classes, comme `.citivo-mairie-pin` : Leaflet pose
 * `.leaflet-marker-icon { display: block }` après notre feuille.
 * ⚠️ La bulle reprend les mesures de celle d'« À voir » (citivo-avoir.css),
 * recopiées ici : cette feuille-là n'est chargée que si « À voir » est en
 * service.
 *
 * @package Citivo
 */

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

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

/* 0.99.562 (demande d'Olivier) — légèrement transparents, comme « À voir »
   (même valeur, .6) : un décor, les points des citoyens restent le sujet ;
   nets au survol. */
.citivo-dt-pin {
	opacity: .6;
}

.citivo-dt-pin:hover {
	opacity: 1;
}

/* ⚠️ SAUF L'OFFICE DE TOURISME, mis en valeur : opaque. 0.99.613 (demande
   d'Olivier) : taille d'origine, 24 px comme les autres (~~30 px~~, trop
   grand). */
.leaflet-marker-icon.citivo-dt-pin.citivo-dt-pin--office {
	opacity: 1;
}

/* Le bouton « i » : ACTIF, rond plein bleu-vert et « i » blanc ; éteint,
   contour et « i » noirs (`citivo-geoloc-btn`). Survol compris. */
.citivo-carte-publique-container .leaflet-bar .citivo-geoloc-btn.citivo-dt-btn.is-actif svg circle {
	fill:   #0E7C86;
	stroke: #0E7C86;
}

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

/* ── La bulle ── */

.leaflet-container .citivo-dt-bulle a.leaflet-popup-close-button {
	top:         5px;
	right:       5px;
	width:       30px;
	height:      30px;
	font:        24px Tahoma, Verdana, sans-serif;
	line-height: 30px;
}

.citivo-dt-fiche {
	font-size:   var( --citivo-fs-texte, 15px );
	line-height: 1.4;
}

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

.citivo-dt-fiche-nom {
	padding-right: 16px; /* La croix. */
	font-weight:   600;
	line-height:   1.3;
}

.citivo-dt-fiche .citivo-dt-fiche-type {
	margin-top: -.25rem;
	color:      #0E7C86;
	font-size:  var( --citivo-fs-pastille, 13px );
	font-weight: 600;
}

.citivo-dt-figure {
	margin: 0 0 .4rem;
}

/* `max-width: none` : neutralise `img { max-width: 100% }` du thème (leçon
   d'« À voir ») ; la taille est posée par le script, en pixels. */
.citivo-dt-figure img {
	display:       block;
	max-width:     none;
	height:        auto;
	border-radius: 6px;
}

.citivo-dt-credit {
	margin:      .3rem 0 0;
	font-size:   var( --citivo-fs-pastille, 13px );
	line-height: 1.4;
	opacity:     .8;
}

/* Description : quelques lignes, défilement au-delà (bulle de carte). */
.citivo-dt-fiche .citivo-dt-description {
	max-height:  7.2em;
	overflow-y:  auto;
	white-space: pre-line;
}

.citivo-dt-fiche .citivo-dt-adresse,
.citivo-dt-fiche .citivo-dt-contacts {
	font-size: var( --citivo-fs-pastille, 13px );
}

.citivo-dt-fiche a {
	color: inherit;
}

/* « Itinéraire » : le bouton bleu plein des bulles des mairies. */
.citivo-dt-fiche-actions {
	margin: .5rem 0;
}

.leaflet-container .citivo-dt-fiche-actions a.citivo-dt-itineraire,
.leaflet-container .citivo-dt-fiche-actions a.citivo-dt-itineraire:hover,
.leaflet-container .citivo-dt-fiche-actions a.citivo-dt-itineraire:focus {
	display:         inline-flex;
	align-items:     center;
	padding:         4px 12px;
	border:          1px solid #315BA3;
	border-radius:   20px;
	background:      #315BA3;
	color:           #ffffff;
	font-weight:     600;
	text-decoration: none;
}

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

.citivo-dt-fiche .citivo-dt-source {
	margin-bottom: 0;
	font-size:     var( --citivo-fs-pastille, 13px );
	opacity:       .75;
}