/**
 * Tooltip global do sistema — preto com texto branco.
 *
 * Substitui o `title="..."` nativo do navegador (visual inconsistente entre
 * sistemas operacionais). O JS (`mc-tooltip.js`) move o atributo title para
 * `data-mc-tip` e remove o original, então o browser não mostra mais o
 * tooltip nativo. O CSS abaixo desenha o tooltip estilizado.
 *
 * Como desativar pontualmente: adicionar `data-no-tip` no elemento.
 */

.mc-tip {
    position: fixed;
    z-index: 10001;
    background: #1f2937;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    max-width: 280px;
    word-wrap: break-word;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
    pointer-events: none;
    opacity: 0;
    transform: translateY(2px);
    transition: opacity .08s ease, transform .08s ease;
    white-space: normal;
}

.mc-tip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Setinha (triangulo) apontando pro elemento — direção definida pelo modificador */
.mc-tip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
}

.mc-tip--top::before {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #1f2937;
}

.mc-tip--bottom::before {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #1f2937;
}

.mc-tip--left::before {
    right: -10px;
    top: 50%;
    margin-top: -5px;
    border-left-color: #1f2937;
}

.mc-tip--right::before {
    left: -10px;
    top: 50%;
    margin-top: -5px;
    border-right-color: #1f2937;
}

/* No darkmode mantemos o mesmo visual — o preto fica coerente.
   Mas adicionamos uma borda discreta pra contraste. */
[data-bs-theme="dark"] .mc-tip {
    background: #0f172a;
    border: 1px solid #334155;
}
[data-bs-theme="dark"] .mc-tip--top::before    { border-top-color: #0f172a; }
[data-bs-theme="dark"] .mc-tip--bottom::before { border-bottom-color: #0f172a; }
[data-bs-theme="dark"] .mc-tip--left::before   { border-left-color: #0f172a; }
[data-bs-theme="dark"] .mc-tip--right::before  { border-right-color: #0f172a; }