/* ═══════════════════════════════════════════════════════════════════════════
   AIDE NOMMAGE — le pop « Comment nommer » (Lot 1 bibliothèque, 30/07)
   Par-dessus TOUT (modales comprises) · clic dehors + Échap pour fermer ·
   la saisie en dessous ne bouge pas. Tokens var(--) uniquement.
   ═══════════════════════════════════════════════════════════════════════════ */

#aide-nommage-voile {
  position: fixed; inset: 0; z-index: 12000;
  background: rgba(13, 27, 15, 0.45); backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.16s ease;
}
#aide-nommage-voile.is-open { opacity: 1; }

/* Retour Maxime 30/07 (« le zoom est trop prononcé ») : fiche COMPACTE —
   ~640px, contenu réduit à 78 % (l'iframe est mise à l'échelle), scroll interne. */
#aide-nommage-pop {
  width: min(640px, calc(100vw - 48px)); height: min(74vh, 620px);
  background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 18px 48px rgba(13, 27, 15, 0.28);
  display: flex; flex-direction: column;
}
#aide-nommage-frame-wrap { flex: 1; overflow: hidden; }
#aide-nommage-frame {
  width: 128.2%; height: 128.2%; border: 0; background: #fff;
  transform: scale(0.78); transform-origin: 0 0;
}
#aide-nommage-pied {
  padding: 9px 18px; font-family: 'Lora', Georgia, serif; font-style: italic;
  font-size: 12px; color: var(--muted, #7A9480); text-align: center;
  border-top: 1px solid var(--border, rgba(200, 220, 200, 0.6));
}

/* le bouton canonique — discret, présent partout où on nomme */
.aide-nommage-btn {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  height: 31px; padding: 0 13px; border-radius: 100px; cursor: pointer;
  border: 1px solid var(--border, rgba(200, 220, 200, 0.6));
  background: var(--card, #fff); color: var(--text2, #3A4D3C);
  font-family: inherit; font-size: 12px; font-weight: 700;
}
.aide-nommage-btn:hover { border-color: rgba(47, 191, 122, 0.35); color: var(--green-dark, #0D6B35); }
.aide-nommage-btn--compact { height: 28px; padding: 0 10px; font-size: 11.5px; }