/* =====================================================================
 * L'Aire Bête — Bulles-guides TIKO / IRIS. v1.74.1
 * Avatar lumineux ancré (lueur = cliquable) + bulle d'aide refermable.
 * v1.74.1 — Appliqué sur DESKTOP comme sur mobile (identique), l'ancien
 * chat TIKO/IRIS ayant été retiré. Rendu hors de toute scène pan/zoom.
 * ===================================================================== */

.lb-guide {
	position: fixed;
	left: 14px;
	bottom: 100px;           /* au-dessus du « Retour » bas-gauche du marché */
	z-index: 99970;          /* sous le HUD (99988+), au-dessus des scènes */
	pointer-events: none;    /* seuls l'avatar + la bulle captent le tap */
}

/* ---- Avatar (toujours visible, lueur dorée pulsée = cliquable) ---- */
.lb-guide__avatar {
	pointer-events: auto;
	position: relative;
	display: block;
	width: 58px;
	height: 58px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	border-radius: 50%;
	-webkit-tap-highlight-color: transparent;
}
.lb-guide__avatar img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow( 0 2px 6px rgba( 0, 0, 0, 0.6 ) );
}
.lb-guide__avatar::before {
	content: '';
	position: absolute;
	inset: -7px;
	border-radius: 50%;
	background: radial-gradient( circle, rgba( 255, 215, 100, 0.55 ) 0%, rgba( 255, 215, 100, 0 ) 70% );
	animation: lb-guide-glow 2.4s ease-in-out infinite;
	z-index: -1;
	pointer-events: none;
}
.lb-guide__avatar:hover { transform: scale( 1.06 ); transition: transform 0.2s ease; }
@keyframes lb-guide-glow {
	0%, 100% { opacity: 0.4;  transform: scale( 0.9 ); }
	50%      { opacity: 0.9;  transform: scale( 1.08 ); }
}

/* ---- Bulle d'aide (au-dessus de l'avatar, ouverture animée) ---- */
.lb-guide__bubble {
	pointer-events: auto;
	position: absolute;
	left: 0;
	bottom: 70px;            /* part juste au-dessus de l'avatar */
	width: min( 78vw, 320px );
	background: linear-gradient( 170deg, #fbf3df, #efe0bd );
	color: #3a2a12;
	border: 1.5px solid rgba( 120, 80, 30, 0.45 );
	border-radius: 14px;
	padding: 12px 30px 13px 14px;
	box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.45 );
	font-family: Georgia, "Times New Roman", serif;
	transform-origin: 0 100%;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
/* petite pointe vers l'avatar */
.lb-guide__bubble::after {
	content: '';
	position: absolute;
	left: 18px;
	bottom: -9px;
	border: 9px solid transparent;
	border-top-color: #efe0bd;
	border-bottom: 0;
}
/* fermée : invisible + non interactive (l'avatar reste pour rouvrir) */
.lb-guide:not( .is-open ) .lb-guide__bubble {
	opacity: 0;
	transform: scale( 0.5 ) translateY( 12px );
	pointer-events: none;
}

.lb-guide__name {
	margin: 0 0 4px;
	font: 700 0.82rem Cinzel, Georgia, serif;
	letter-spacing: 0.04em;
	color: #7a4e12;
}
.lb-guide__msg {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.38;
}
.lb-guide__close {
	position: absolute;
	top: 3px;
	right: 6px;
	width: 26px;
	height: 26px;
	border: 0;
	background: transparent;
	font-size: 1.25rem;
	line-height: 1;
	color: #7a4e12;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

/* v1.74.2 — ACCUEIL UNIQUEMENT : pas d'avatar de guide. Le colibri TIKO
   décoratif (mascot-tiko) est déjà présent → l'avatar ferait un « petit TIKO
   en double » (consigne Johanne). On garde seulement LE MESSAGE, qui s'affiche
   à chaque arrivée sur l'accueil. (Marché/sanctuaire gardent leur avatar.) */
.lb-guide[data-scene="home"] .lb-guide__avatar { display: none; }
/* La bulle accueil est positionnée par JS au-dessus de la tête de TIKO
   (centrée). La pointe descend donc au centre, vers le colibri. */
.lb-guide[data-scene="home"] .lb-guide__bubble::after { left: 50%; right: auto; margin-left: -9px; }

/* v1.74.3 — Le guide reste VISIBLE quand la boutique (Jungle Shack) est ouverte :
   TIKO + message d'aide y sont demandés. Le JS bascule le texte (lb-shop-open).
   On masque toujours le guide quand un overlay PLEIN ÉCRAN textuel s'ouvre
   (annonces classées, panneau Coin) — là il gênerait la lecture. */
body.lb-annonces-zoom-open .lb-guide,
body.lb-coin-panel-open .lb-guide { display: none !important; }