/* NGB — sitne dorade izgleda koje ne zavise od Elementor podesavanja.
   Drzimo ih ovde da bi bile u verzionisanom kodu, a ne u bazi. */

/* Sekcija "NAŠA PRIČA" na pocetnoj — tekst obostrano poravnat,
   prvi pasus malo odvojen od ostatka (po Figmi). */
.elementor-element-26387e {
    text-align: justify;
    hyphens: auto;
}

.elementor-element-26387e > p:first-of-type {
    margin-bottom: 1.6em;
}

/* Na uskim ekranima obostrano poravnanje pravi prevelike razmake. */
@media (max-width: 767px) {
    .elementor-element-26387e {
        text-align: left;
        hyphens: manual;
    }
}

/* Pretraga: izgled dugmeta za zatvaranje (#searchClose) se radi u Elementoru.
   Ovde ostaje samo fokus na polje pri otvaranju panela — to je u site.js. */

/* Mobile menu: bigger caret, pushed away from the label.
   Elementor ships `.sub-arrow { padding: 10px; padding-inline-end: 0 }` and
   sizes the icon at .7em, which leaves it small and tight against the text.
   Since the label and the caret are now separate tap targets (label navigates,
   caret opens/closes - see site.js), the caret needs a comfortable hit area.
   Selector is 3 classes deep so it beats Elementor's 2-class rule regardless
   of stylesheet order; the icon size needs !important because Elementor's
   `.fa.fa-chevron-down` rule is more specific still. */
@media (max-width: 767px) {
    .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow {
        padding-inline-start: 14px;
        padding-inline-end: 6px;
    }
    .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow i,
    .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow svg,
    .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow .e-font-icon-svg {
        font-size: 1.25em !important;
        width: 1.25em;
        height: 1.25em;
    }
}

/* Kill the grey/blue box browsers flash on every tap (-webkit-tap-highlight-color).
   It is a touch-only affordance and duplicates our own :hover / :active styling.
   This is NOT the keyboard focus ring - that is left intact, so tab navigation
   is still visible for keyboard and screen-reader users. */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Traka za skrolovanje: rezervisi joj mesto od pocetka.
   Dok se stranica ucitava dokument je visok koliko i prozor, pa trake nema;
   kada sadrzaj stigne traka iskoci i ceo layout skoci ~15px ulevo. Ovim se
   mesto zauzima odmah, pa nema poskakivanja. `overflow-y: scroll` je rezerva
   za starije browsere koji ne znaju za scrollbar-gutter. */
html {
    scrollbar-gutter: stable;
}

@supports not (scrollbar-gutter: stable) {
    html { overflow-y: scroll; }
}