/* ==========================================================================
   LLiS Tooltip — Elegant Professional Edition
   ==========================================================================
*/

.llis-userinfo-tooltip {
  position: absolute;
  z-index: 9999;
  min-width: 260px;
  max-width: 340px;
  padding: 0.9em 1.1em;
  border-radius: 12px;
  background: var(--llis-tooltip-bg, rgba(255, 255, 255, 0.75));
  backdrop-filter: blur(10px) saturate(1.3);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
  color: var(--llis-tooltip-text, #222);
  font-family: "Segoe UI", Roboto, sans-serif;
  font-size: 0.9rem;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(10px) scale(0.97);
  pointer-events: none;
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

.llis-userinfo-tooltip.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Header avec photo ou avatar */
.llis-ui-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.6em;
}

.llis-ui-photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 0.7em;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.8), 0 2px 8px rgba(0,0,0,0.25);
}

.llis-ui-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4e85ff, #3fc5a0);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1rem;
  margin-right: 0.7em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Identité */
.llis-ui-name {
  font-weight: 600;
  font-size: 1rem;
  color: var(--llis-ui-accent, #1d3b5b);
}
.llis-ui-email {
  font-size: 0.84rem;
  opacity: 0.8;
}

/* Lignes info */
.llis-ui-body {
  margin-top: 0.3em;
}
.llis-ui-line {
  margin-top: 0.3em;
  font-size: 0.88rem;
  color: var(--llis-ui-muted, #333);
}
.llis-ui-line span {
  font-weight: 500;
  margin-right: 0.2em;
}
.llis-ui-line i {
  font-style: normal;
  margin-right: 0.3em;
  opacity: 0.7;
}

/* Icônes "inline" */
.icon-mail::before { content: "✉ "; }
.icon-phone::before { content: "📞 "; }
.icon-org::before { content: "🏢 "; }

/* Info supplémentaire */
.llis-ui-extra {
  background: rgba(60, 140, 255, 0.08);
  border-left: 3px solid rgba(60, 140, 255, 0.6);
  padding: 0.5em 0.7em;
  border-radius: 6px;
  margin-top: 0.7em;
  font-size: 0.82rem;
  font-style: italic;
  color: #2a4e8a;
}

/* Lien d'édition */
.llis-ui-edit {
  margin-top: 0.6em;
  text-align: right;
}
.llis-ui-edit-link {
  color: var(--llis-ui-link, #1e5bbf);
  font-size: 0.8rem;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
}
.llis-ui-edit-link:hover {
  opacity: 1;
  text-decoration: underline;
}

/* ===================== Thème sombre ===================== */
[data-bs-theme="dark"] .llis-userinfo-tooltip {
  --llis-tooltip-bg: rgba(25, 28, 35, 0.85);
  --llis-tooltip-text: #e7ebf2;
  --llis-ui-muted: #b8c0cc;
  --llis-ui-accent: #dce4f5;
  --llis-ui-link: #66a3ff;
  backdrop-filter: blur(12px) saturate(1.4);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .llis-ui-extra {
  background: rgba(90, 150, 255, 0.12);
  border-left: 3px solid rgba(130, 180, 255, 0.6);
  color: #cbd9ff;
}