/* Lexique JB4WOOD : termes soulignés + popover (survol/tap) + page dédiée.
   Utilise les tokens sémantiques (clair/sombre) de theme.css. */

/* Terme détecté dans le texte */
.jb-lex {
  border-bottom: 1px dotted var(--or);
  cursor: help;
  text-underline-offset: 2px;
}
.jb-lex:hover { border-bottom-color: var(--vert); }

/* Popover partagé */
.jb-lex-pop {
  position: fixed;
  z-index: 4000;
  max-width: 340px;
  background: var(--bg-elevated);
  color: var(--texte);
  border: 1px solid var(--or);
  border-left: 4px solid var(--or);
  border-radius: 10px;
  padding: 11px 15px;
  box-shadow: var(--ombre);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.12s;
  pointer-events: none;
}
.jb-lex-pop.visible { opacity: 1; }
.jb-lex-pop .jb-lex-term {
  display: block;
  font-weight: 700;
  color: var(--vert);
  font-size: 14px;
  margin-bottom: 4px;
}
[data-theme="dark"] .jb-lex-pop .jb-lex-term { color: var(--or-clair); }
.jb-lex-pop .jb-lex-def b, .jb-lex-pop .jb-lex-def strong { color: var(--vert); }
[data-theme="dark"] .jb-lex-pop .jb-lex-def b,
[data-theme="dark"] .jb-lex-pop .jb-lex-def strong { color: var(--or-clair); }
.jb-lex-pop .jb-lex-cat {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--texte-soft);
  margin-top: 7px;
  border-top: 1px solid var(--bord);
  padding-top: 5px;
}

/* Page Lexique */
.jb-lex-search {
  width: 100%;
  max-width: 520px;
  padding: 12px 16px;
  font-size: 1rem;
  font-family: var(--corps);
  border: 1.5px solid var(--bord);
  border-radius: var(--radius-sm);
  background: var(--bg-elevated);
  color: var(--texte);
  margin: 4px 0 22px;
}
.jb-lex-search:focus { outline: none; border-color: var(--or); }
.jb-lex-cat-title {
  color: var(--vert);
  font-size: 1.15rem;
  margin: 26px 0 12px;
}
[data-theme="dark"] .jb-lex-cat-title { color: var(--or-clair); }
.jb-lex-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.jb-lex-card {
  background: var(--bg-elevated);
  border: 1px solid var(--bord);
  border-left: 4px solid var(--or);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  box-shadow: var(--ombre-sm);
}
.jb-lex-card-term { font-weight: 700; color: var(--vert); margin-bottom: 5px; }
[data-theme="dark"] .jb-lex-card-term { color: var(--or-clair); }
.jb-lex-card-def { color: var(--texte); line-height: 1.55; font-size: .94rem; }
.jb-lex-card-def b, .jb-lex-card-def strong { color: var(--vert); }
[data-theme="dark"] .jb-lex-card-def b, [data-theme="dark"] .jb-lex-card-def strong { color: var(--or-clair); }
.jb-lex-card-alias { margin-top: 8px; font-size: .78rem; color: var(--texte-soft); font-style: italic; }