/* ================================================================== */
/* tooltip.css - Global custom tooltip (data-tooltip)                 */
/* ================================================================== */

.tf-tooltip {
    position: fixed;
    z-index: var(--z-tooltip);
    max-width: min(18rem, calc(100vw - 1rem));
    padding: var(--space-sm) var(--space-md);
    background: rgba(6, 9, 14, 0.97);
    border: var(--border-gold);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md), var(--shadow-glow-gold);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: var(--font-size-xs);
    line-height: var(--leading-normal);
    pointer-events: none;
}

.tf-tooltip__title {
    font-family: var(--font-heading);
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-gold);
    letter-spacing: 0.04em;
    margin-bottom: var(--space-2xs);
}

.tf-tooltip__body {
    color: var(--text-secondary);
}

.tf-tooltip__title:not([hidden]) + .tf-tooltip__body {
    margin-top: var(--space-2xs);
}