/**
 * Ručno pisani dodaci — NE prepisuje ih Tailwind build.
 *
 * vx-sections.css je kompajlirani Tailwind i regeneriše se; sve što se piše
 * rukom ide ovde da preživi sledeći build.
 */


/* ============================================================
   1. TAILWIND --tw-* PODRAZUMEVANE VREDNOSTI

   vx-sections.css je kompajliran BEZ preflight sloja (namerno — da Tailwind
   reset ne razbije Elementor editor i WP admin). Ali preflight ne nosi samo
   reset: on nosi i `*, ::before, ::after { --tw-rotate: 0; --tw-skew-x: 0; … }`,
   tj. početne vrednosti promenljivih koje složena svojstva sastavljaju.

   Bez njih se dešava ovo:

     .-translate-x-1/2 postavi samo --tw-translate-x, a pravilo glasi
     transform: translate(var(--tw-translate-x), var(--tw-translate-y))
                rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) …

   --tw-rotate i --tw-skew-x nigde nisu definisani → cela `transform`
   deklaracija je nevalidna i browser je ODBACUJE. Ne primeni se ni deo.

   Posledica na sajtu (pre ove ispravke):
     · navbar se ne centrira (-translate-x-1/2 mrtav) — stoji u desnoj polovini
     · mobilni meni ne klizi (-translate-y-4)
     · hover podizanje kartica i scale ikonica ne rade
     · svi blur-ovi i brightness na hero slici su mrtvi (filter)
     · backdrop-blur staklo u mobilnom meniju je mrtvo
     · gradijenti preko hero slike i protokol kartica su mrtvi
     · focus prsten na poljima forme je mrtav

   Vrednosti ispod su tačno one iz Tailwind v3 preflight-a, ali scope-ovane na
   .vx-root da ne curi ništa u Elementor UI. Prazna vrednost (npr. `--tw-blur: ;`)
   je namerna — tako Tailwind „isključuje" komponentu složenog svojstva.
============================================================ */
.vx-root,
.vx-root *,
.vx-root *::before,
.vx-root *::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;

    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;

    --tw-space-x-reverse: 0;
    --tw-space-y-reverse: 0;
    --tw-divide-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;

    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;

    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;

    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(200, 169, 106, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;

    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;

    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}


/* ============================================================
   2. DOPUNE MARKUPA
============================================================ */

/* Naslov vidljiv samo čitačima ekrana i pretraživačima. */
.vx-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* <picture> ne sme da razbije flex/absolute raspored oko <img>. */
.vx-root picture {
    display: contents;
}

/* Korisnici koji su isključili animacije — GSAP i CSS animacije se smiruju. */
@media ( prefers-reduced-motion: reduce ) {
    .vx-root *,
    .vx-root *::before,
    .vx-root *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}