/* ═══════════════════════════════════════════════════════════════
   lexique-tooltip.css — Styles partagés pour les termes du lexique
   surlignés et leur popup. Inclus par vo-lexique, vo-pow, vo-sorts.
   ═══════════════════════════════════════════════════════════════ */

.terme-lexique {
    border-bottom: 1px dotted #b89a6a;
    cursor: help;
    color: inherit;
    transition: background 0.15s, color 0.15s;
}

.terme-lexique:hover,
.terme-lexique:focus {
    background: rgba(212, 184, 138, 0.15);
    color: #f0d8a0;
    outline: none;
}

/* ─── Popup au clic ─────────────────────────────────────────── */
.lex-popup {
    position: absolute;
    background: #1c1410;
    border: 1px solid #7a5538;
    border-radius: 6px;
    padding: 0;
    color: #e0d8c8;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
    z-index: 9999;
    max-height: 70vh;
    overflow-y: auto;
}

.lex-popup-entete {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #2a1f17;
    border-bottom: 1px solid #4a3a2a;
    border-radius: 6px 6px 0 0;
}

.lex-popup-terme {
    font-weight: bold;
    color: #d4b88a;
    font-size: 16px;
    flex: 1;
}

.lex-popup-cat {
    background: #3a2c1f;
    color: #b89a6a;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lex-popup-cat[data-cat="effet"]   { background: #4a2820; color: #f0a888; }
.lex-popup-cat[data-cat="concept"] { background: #2a3a4a; color: #88b8e0; }
.lex-popup-cat[data-cat="objet"]   { background: #2a4a2a; color: #88c888; }
.lex-popup-cat[data-cat="action"]  { background: #4a3a2a; color: #c8a868; }
.lex-popup-cat[data-cat="type"]    { background: #3a2a4a; color: #b888c8; }

.lex-popup-close {
    background: transparent;
    border: 0;
    color: #a08868;
    font-size: 22px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}

.lex-popup-close:hover { color: #f0d8a0; }

.lex-popup-def {
    padding: 12px;
    color: #c8c0b0;
}

.lex-popup-def p:first-child { margin-top: 0; }
.lex-popup-def p:last-child { margin-bottom: 0; }
.lex-popup-def em { color: #a08868; }
.lex-popup-def strong { color: #d4b88a; }