/**
 * Bloc d'informations des fiches — Citivo_Fiche_Infos (0.99.330).
 *
 * ⚠️ Les six fiches posent ce bloc dans le bandeau bleu (`Citivo_Sheet`) :
 * texte blanc DÉCLARÉ (jamais hérité — le thème colore `p`), informations
 * secondaires par l'opacité, jamais par une seconde couleur.
 * ⚠️ Tout est scopé sous `.citivo-fiche-infos` : la même règle vaut sur la
 * carte publique, « Mes … » et la gestion. Chaque `display` explicite porte sa
 * garde `[hidden]`.
 */

.citivo-fiche-infos {
	margin: 0 0 .6rem;
	color: #ffffff;
}

.citivo-fiche-infos p {
	margin: 0 0 .35rem;
	color: #ffffff;
	font-size: var( --citivo-fs-texte );
	line-height: 1.45;
}

.citivo-fiche-infos [hidden] {
	display: none;
}

/* ── 1. Lieu « - Par Pseudo » ── */
.citivo-fiche-infos .citivo-lightbox-lieu-ligne {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem .4rem;
	margin: 0 0 .3rem;
	color: #ffffff;
	font-size: var( --citivo-fs-texte );
	font-weight: 600;
	line-height: 1.35;
}

.citivo-fiche-infos .citivo-lightbox-lieu-ligne:not( :has( > :not( [hidden] ) ) ) {
	display: none;
}

.citivo-fiche-infos .citivo-lightbox-lieu-ligne > span {
	margin: 0;
	color: #ffffff;
	font-size: inherit;
	font-weight: inherit;
}

.citivo-fiche-infos .citivo-fiche-auteur {
	opacity: .85;
}

.citivo-fiche-infos .citivo-lightbox-lieu:not( [hidden] ) ~ .citivo-fiche-auteur:not( [hidden] )::before {
	content: "- ";
}

.citivo-fiche-infos .citivo-lightbox-lieu {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-width: 0;
	max-width: 100%;
}

.citivo-fiche-infos .citivo-lightbox-lieu[hidden] {
	display: none;
}

.citivo-fiche-infos .citivo-lieu-nom {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.citivo-fiche-infos .citivo-lieu-rond {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	overflow: hidden;
	background: rgba( 255, 255, 255, .22 );
	color: #ffffff;
}

.citivo-fiche-infos .citivo-lieu-rond svg {
	width: 12px;
	height: 12px;
}

/* ⚠️ Dimensions explicites ET `max-width: none` : la règle `img` du thème
   rétrécirait la photo de zone. */
.citivo-fiche-infos .citivo-lieu-rond img {
	display: block;
	width: 22px;
	height: 22px;
	max-width: none;
	object-fit: cover;
}

.citivo-fiche-infos .citivo-lieu-rond img[hidden] {
	display: none;
}

/* Avec une photo de zone, le pin s'efface et le fond translucide aussi
   (0.99.337 : repris de citivo-lightbox-app.css, dont la copie est retirée). */
.citivo-fiche-infos .citivo-lieu-rond--photo {
	background: transparent;
}

.citivo-fiche-infos .citivo-lieu-rond--photo svg {
	display: none;
}

/* ── 2. Durée, 4. date : secondaires — plus petites et plus pâles
   (0.99.339 : la hiérarchie fait ressortir la description) ── */
.citivo-fiche-infos .citivo-fiche-adresse,
.citivo-fiche-infos .citivo-fiche-duree,
.citivo-fiche-infos .citivo-fiche-date {
	font-size: var( --citivo-fs-secondaire );
	opacity: .72;
}

/* ── 3. Description — LE TEXTE ÉCRIT PAR L'UTILISATEUR ──
   ⚠️ 0.99.339 (choix d'Olivier, « encadré clair ») : un bloc arrondi au fond
   plus clair que le bandeau, au corps d'un texte SAISI (jeton `champ`, 16 px)
   — on le reconnaît comme une parole d'utilisateur, et il ne se confond plus
   avec les messages d'état (barre à gauche, plus bas). */
.citivo-fiche-infos p.citivo-fiche-description {
	margin: .5rem 0 .6rem;
	padding: .6rem .8rem;
	border-radius: 10px;
	background: rgba( 255, 255, 255, .14 );
	font-size: var( --citivo-fs-champ );
	line-height: 1.5;
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.citivo-fiche-infos p.citivo-fiche-description[hidden] {
	display: none;
}

/* 0.99.357 — liens d'un auteur non modéré (web, e-mail, téléphone) : la
   couleur du texte du bandeau, soulignés. Couleur redite au survol (le thème
   pose la sienne sur les liens). */
.citivo-fiche-infos p.citivo-fiche-description a.citivo-lien,
.citivo-fiche-infos p.citivo-fiche-description a.citivo-lien:hover,
.citivo-fiche-infos p.citivo-fiche-description a.citivo-lien:focus {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ── 5. Messages d'état ── */
.citivo-fiche-infos .citivo-fiche-messages {
	margin: .5rem 0 0;
}

/* ⚠️ 0.99.340 : ~~fond translucide~~ — presque le même que celui de la
   description (0.99.339) ; le message ne garde que sa BARRE à gauche, comme
   dans l'aperçu choisi par Olivier : deux formes, deux natures de texte. */
.citivo-fiche-infos .citivo-fiche-message {
	margin: 0 0 .4rem;
	padding: .15rem 0 .15rem .65rem;
	border-left: 3px solid rgba( 255, 255, 255, .55 );
	background: none;
}

/* 0.99.457 — le nom du lieu, lien vers la page de sa zone. */
.citivo-fiche-infos .citivo-lieu-nom .citivo-lieu-lien,
.citivo-fiche-infos .citivo-lieu-nom .citivo-lieu-lien:hover,
.citivo-fiche-infos .citivo-lieu-nom .citivo-lieu-lien:focus {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}