/* ==========================================================
   SEPTIMA tooltip.css v0.1
   Krátká nápověda k prvkům
   ========================================================== */

.tooltip {
    position: absolute;
    z-index: 9500;

    max-width: 240px;
    padding: var(--space-xs) var(--space-sm);

    color: var(--surface);
    background: var(--text);

    border-radius: var(--radius);
    box-shadow: var(--shadow);

    font-size: .875rem;
    line-height: 1.35;

    pointer-events: none;

    opacity: 0;
    transform: translateY(4px);

    transition:
        opacity .15s ease,
        transform .15s ease;
}

.tooltip-visible {
    opacity: 1;
    transform: translateY(0);
}