/* ══════════════════════════════════════════════════════════════════
   PLUTAJUĆA DUGMAD (FAB) — standard za donji desni ugao
   ------------------------------------------------------------------
   Dva su tipa i NE SMIJU se preklapati:
     1) Podrška   (#itnrSupBtn)      — globalno, iz itnr-podrska.js
     2) Dokumentacija (.btn-uputstvo-fab) — po formi, link na HTML uputstvo

   Pravilo slaganja (odozdo prema gore, isti desni rub = 22px):
     • Podrška       : bottom 22px   (najniže, uvijek prisutno kad je uključeno)
     • Dokumentacija : bottom 84px   (iznad podrške kad su oba na stranici)

   Kad na stranici NEMA podrške, dokumentacija svejedno stoji na 84px —
   to je u redu (mali razmak od ruba), a izbjegava se svako računanje.

   Za novu formu: samo ubaci <a class="btn-uputstvo-fab" ...> — pozicija,
   veličina, boja i tooltip dolaze odavde. NE dodavati inline stil.
   ══════════════════════════════════════════════════════════════════ */

/* ── Dokumentacija (upitnik) ─────────────────────────────────────── */
.btn-uputstvo-fab {
    position: fixed;
    right: 22px;
    bottom: 84px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #0f3460;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.30);
    /* Ispod toasta (999999), iznad modala (9050) i sidebara.
       !important jer Danijel.css/DanijelLayout.css imaju stari override
       z-index:9999999999999999 !important koji bi inace dugme digao iznad toasta. */
    z-index: 9490 !important;
    transition: background .18s, transform .18s, box-shadow .18s;
}
.btn-uputstvo-fab:hover {
    background: #1a4a8a;
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,.40);
    color: #fff !important;
    text-decoration: none !important;
}

/* Tooltip iz data-tooltip atributa (lijevo od dugmeta) */
.btn-uputstvo-fab[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    right: 54px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    background: #1e293b;
    color: #fff;
    font-size: 12px;
    padding: 4px 9px;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}
.btn-uputstvo-fab[data-tooltip]:hover::after { opacity: .95; }

/* ── Kad je widget podrške prisutan, body dobije klasu itnr-ima-podrsku
   (postavlja itnr-podrska.js). Tada upitnik ide IZNAD podrške (84px).
   Ako podrške nema, upitnik pada na dno (22px) — nema praznog prostora. */
body:not(.itnr-ima-podrsku) .btn-uputstvo-fab { bottom: 22px; }

/* Sitni ekrani: manje dugme, bliže rubu, i dalje razmaknuti */
@media (max-width: 480px) {
    .btn-uputstvo-fab { right: 14px; bottom: 74px; width: 40px; height: 40px; font-size: 16px; }
    body:not(.itnr-ima-podrsku) .btn-uputstvo-fab { bottom: 14px; }
}