/* ============================================================
   Tooltip-polish — brandowy wyglad dymkow (tooltipow)
   Backlog #197 poz.5 (modernizacja UI/UX 2026). Zero JS, zero paczki.

   Zamiast podmieniac silnik na Floating UI (226 widokow + rewiring JS,
   duze ryzyko — a Bootstrap 5.3 i tak pozycjonuje tooltipy Popperem)
   dopracowujemy tylko WYGLAD istniejacych tooltipow Bootstrapa.

   Velzon zmienia prefiks zmiennych Bootstrapa --bs-* -> --vz-*, wiec
   ustawiajac je na .tooltip przestylowujemy dymek I strzalke naraz.
   ============================================================ */

.tooltip {
    --vz-tooltip-bg: #122738;          /* brandowy granat */
    --vz-tooltip-color: #ffffff;
    --vz-tooltip-border-radius: 0.375rem;
    --vz-tooltip-padding-x: 0.7rem;
    --vz-tooltip-padding-y: 0.4rem;
    --vz-tooltip-font-size: 0.8125rem;
    --vz-tooltip-max-width: 260px;
    --vz-tooltip-opacity: 1;
}

.tooltip .tooltip-inner {
    box-shadow: 0 4px 14px rgba(18, 39, 56, 0.25);
    font-weight: 500;
    letter-spacing: 0.1px;
}

/* Subtelne "wskoczenie" dymka. Skalujemy tooltip-inner (NIE .tooltip —
   ten Popper pozycjonuje transformem, nadpisanie zepsuloby pozycje). */
@media (prefers-reduced-motion: no-preference) {
    .tooltip.fade .tooltip-inner {
        transform: scale(0.94);
        transition: transform 0.12s ease-out;
    }
    .tooltip.show .tooltip-inner {
        transform: scale(1);
    }
}