/* ===== Telefon (do 767 px): lakša varijanta istog izgleda =====
   Pravila samo za uske ekrane; računar ostaje kakav je. Uklonjeno je ono što je na telefonu merljivo kočilo skrol (vidi tačke 1-5). Ovaj modul se učitava POSLEDNJI (modules.php), pa njegova pravila pobeđuju.
   Brisanjem reda 'mobile' u modules.php sve se vraća kako je bilo. Video na naslovnoj se na telefonu ne uključuje
   (inline skripta u nadazdin-ui.php ne postavlja klasu nz-hero-video-on), pa tamo ostaje originalna slika.
   JS: NZ.mobile (core.js) isključuje ponavljanje animacija pri skrolu. */
@media (max-width: 767px) {

  /* 1) Zamućenje pozadine (backdrop-filter) je najskuplji efekat na telefonu: sklonjeno svuda.
        Stakla koja su ležala na slici dobijaju gušću (skoro neprovidnu) boju, pa tekst ostaje čitljiv. */
  *, *::before, *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .nz-modal::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(10, 42, 72, .62); }
  .nz-hero-card,
  .nz-bandcard-on .nz-bandcard.nz-hero-card {
    background: linear-gradient(135deg, rgba(240, 252, 249, .93), rgba(231, 245, 251, .91) 55%, rgba(236, 237, 252, .89)) !important;
  }

  /* zaglavlje se pri skrolu nalazi iznad teksta: bez zamućenja mora biti potpuno neprovidno, inače se tekst ispod vidi kroz njega */
  .elementor-location-header > .e-parent {
    background: linear-gradient(135deg, rgb(198, 236, 245) 0%, rgb(192, 227, 246) 52%, rgb(209, 217, 248) 100%) !important;
  }

  /* 2) Lebdeća svetla iza kartica i traka ostaju (statična), ali se više ne pomeraju neprekidno */
  .nz-hero-card::before, .nz-hero-card::after,
  .nz-band::before, .nz-band::after,
  .nz-cta::before, .nz-cta::after { animation: none !important; }

  /* 3) Kartica na vrhu je odmah vidljiva (ne čeka JS, pa se tekst vidi čim stigne strana, i na sporoj vezi); bez ulazne animacije.
        Ostale kartice (ispod ekrana) ulaze kraće i bez dugog kašnjenja (poslednja u nizu ne čeka sekundu). */
  .nz-js .nz-hero-card:not(.nz-in), .nz-js .nz-hero-card:not(.nz-in) .nz-hero-item { opacity: 1; transform: none; }
  .nz-js .nz-hero-card, .nz-js .nz-hero-item { transition: none !important; }
  .nz-js .nz-card, .nz-js .nz-rise, .nz-js .nz-h { transition-duration: .45s !important; }
  .nz-js .nz-card { transition-delay: calc(min(var(--nz-i, 0), 3) * 60ms) !important; }

  /* 4) Senke i staklo: uzrok skrolanja koje preskače (izmereno AUTO testom na telefonu: bez senki 46 -> 53 FPS, jednoslojno staklo +4).
        Na stranama je 50-ak velikih mekih senki (zamućenje 30-70 px); broj senki košta više nego njihova veličina.
        Velike površine (kartice, staklo, okviri slika, trake, podnožje) umesto toga dobijaju tanku donju ivicu bez zamućenja,
        mala dugmad kratku senku. Staklo je jedan gradijent umesto tri. Računar (preko 767 px) ostaje kakav je bio. */
  :root {
    --nz-shadow-soft: 0 2px 0 rgba(25, 85, 125, .09);
    --nz-glass: linear-gradient(135deg, rgba(240, 252, 249, .94) 0%, rgba(232, 246, 252, .90) 55%, rgba(238, 238, 252, .88) 100%);
  }
  .nz-card--quotes .elementor-testimonial__content, .nz-card--quotes .elementor-testimonial__image img,
  .nz-frame img, .nz-inner .nz-frame img, .nz-hero-card, .nz-bandcard-on .nz-bandcard.nz-hero-card,
  .nz-ba { box-shadow: 0 2px 0 rgba(25, 85, 125, .09) !important; }
  .nz-panel, .nz-fcard { box-shadow: 0 2px 0 rgba(8, 35, 65, .20) !important; }
  .elementor-location-header > .e-parent, .nz-scrolled .elementor-location-header > .e-parent {
    box-shadow: 0 2px 8px rgba(20, 70, 110, .16), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
  }
  .nz-btn--primary, .elementor-location-header .elementor-widget-button a.elementor-button { box-shadow: 0 4px 10px rgba(255, 170, 0, .40), inset 0 1px 0 rgba(255, 255, 255, .6) !important; }
  .nz-btn--ghost { box-shadow: 0 4px 10px rgba(41, 150, 190, .34), inset 0 1px 0 rgba(255, 255, 255, .38) !important; }
  .nz-more, .nz-iglink, .nz-chip, .nz-card--quotes .elementor-swiper-button,
  .elementor-location-header .elementor-widget-image > .elementor-widget-container, .nz-inner .grecaptcha-badge { box-shadow: 0 3px 8px rgba(25, 85, 125, .14) !important; }
  .nz-pilllink, .nz-crow .elementor-icon { box-shadow: 0 4px 10px rgba(41, 120, 160, .28) !important; }
  .nz-chat-ic.elementor-icon, .chaty-widget .chaty-channel > a, .chaty-widget .chaty-cta-button button { box-shadow: 0 4px 10px rgba(20, 70, 110, .26), inset 0 1px 0 rgba(255, 255, 255, .6) !important; }
  .nz-footer .elementor-widget-image img { box-shadow: 0 0 0 5px rgba(255, 255, 255, .25), 0 6px 12px rgba(4, 25, 45, .35) !important; }
  .elementor-location-header .elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown.elementor-nav-menu__container { box-shadow: 0 8px 18px rgba(20, 70, 110, .20) !important; }
  .nz-toast { box-shadow: 0 8px 18px rgba(4, 25, 45, .35); }

  /* 5) Lebdeća svetla: zamućenje (blur) je suvišno jer je radijalni gradijent već mekan; podnožje i dvokolonske ploče se više ne pomeraju.
        Zubić "otvoreno sada" i dalje pulsira (mali je, ne opterećuje). */
  *::before, *::after { filter: none !important; }
  .nz-footer::before, .nz-footer::after, .nz-splitpanel::before, .nz-splitpanel::after { animation: none !important; }
}