/* ===== Zaglavlje: staklo (providno + zamućenje), meni kao pilule, dugme kao pilula, logo bez bele pozadine ===== */

/* Sva pravila ovde ciljaju <header class="elementor-location-header"> (postoji od prvog crtanja), a ne klasu koju dodaje JS:
   tako zaglavlje ima istu visinu i izgled od početka i nema "skakanja" kad se skripte učitaju. */

/* --- Staklo: plavičasto-zelenkasta medical nijansa sa belim rubom (i na belim stranama; na naslovnoj preko videa providnije) --- */
.elementor-location-header > .e-parent {
  background:
    radial-gradient(520px 150px at 10% 0%, rgba(255, 255, 255, .55), transparent 70%),
    radial-gradient(560px 150px at 92% 100%, rgba(120, 150, 232, .26), transparent 70%),
    linear-gradient(135deg, rgba(190, 234, 243, .90) 0%, rgba(184, 222, 245, .86) 52%, rgba(204, 212, 247, .84) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5);
  border-bottom: 1px solid rgba(255, 255, 255, .9) !important;
  box-shadow: 0 10px 34px rgba(20, 70, 110, .14), inset 0 1px 0 rgba(255, 255, 255, .7);
  transition: background .4s var(--nz-ease), box-shadow .4s var(--nz-ease);
}
.nz-scrolled .elementor-location-header > .e-parent {
  box-shadow: 0 12px 38px rgba(20, 70, 110, .20), inset 0 1px 0 rgba(255, 255, 255, .7);
}

/* --- Naslovna sa video pozadinom: video ide i ispod zaglavlja, a sadržaj hero sekcije se spušta ispod njega --- */
.nz-home.nz-hero-video-on .elementor-sticky__spacer { display: none !important; }
.nz-home.nz-hero-video-on .elementor-location-header > .e-parent { position: fixed !important; top: 0; left: 0; right: 0; width: 100% !important; z-index: 99; }
.nz-home.nz-hero-video-on .nz-hero-sec { padding-top: 126px !important; padding-bottom: 150px !important; min-height: calc(100vh - 60px); min-height: calc(100svh - 60px); }   /* skoro cela visina ekrana (traka sa sloganom ostaje u vidnom polju): kad se učita font i kartica poraste, strana se ne pomera */
/* na vrhu strane (nad videom) zaglavlje je providnije */
.nz-home.nz-hero-video-on:not(.nz-scrolled) .elementor-location-header > .e-parent {
  background:
    radial-gradient(520px 150px at 10% 0%, rgba(255, 255, 255, .40), transparent 70%),
    linear-gradient(135deg, rgba(196, 238, 246, .52) 0%, rgba(186, 226, 246, .44) 100%) !important;
}

/* --- Logo --- */
/* Logo u staklenom panelu: svetlo-tirkizno staklo (ne belo), tanak beli rub, manje providno od zaglavlja da se tekst jasno vidi */
.elementor-location-header .elementor-widget-image > .elementor-widget-container {
  display: inline-block; padding: 7px 14px; border-radius: 16px;
  background: linear-gradient(135deg, rgba(200, 238, 246, .84), rgba(184, 224, 243, .78));
  border: 1px solid rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(10px) saturate(1.3); backdrop-filter: blur(10px) saturate(1.3);
  box-shadow: 0 8px 22px rgba(20, 70, 110, .16);
  transition: box-shadow .3s var(--nz-ease), transform .3s var(--nz-ease);
}
@media (hover: hover) { .elementor-location-header .elementor-widget-image:hover > .elementor-widget-container { box-shadow: 0 12px 28px rgba(20, 70, 110, .24); transform: translateY(-1px); } }
.nz-logo { display: block; max-width: 100%; height: auto; filter: saturate(1.25) brightness(.8) contrast(1.06); }   /* tamnije slova, bolji kontrast na tirkiznom staklu */

/* --- Meni: pilule --- */
.elementor-location-header .elementor-nav-menu--main .elementor-item {
  position: relative; border-radius: 999px; padding: 10px 17px !important;
  color: var(--nz-ink) !important; font-weight: 500; letter-spacing: .1px; text-decoration: none !important; margin-inline: 2px;
  transition: background-color .3s var(--nz-ease), color .3s var(--nz-ease), transform .3s var(--nz-ease);
}
.elementor-location-header .elementor-nav-menu--main .elementor-item::before,
.elementor-location-header .elementor-nav-menu--main .elementor-item::after { display: none !important; }   /* originalna podvučena linija */
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  background: linear-gradient(135deg, rgba(41, 185, 205, .22), rgba(99, 123, 200, .20));
  font-weight: 600;
}
@media (hover: hover) {
  .elementor-location-header .elementor-nav-menu--main .elementor-item:hover { background: rgba(255, 255, 255, .62); color: var(--nz-teal-dark) !important; transform: translateY(-1px); }
}
.elementor-location-header .elementor-nav-menu--main .elementor-item:focus-visible { outline: 3px solid rgba(41, 185, 205, .55); outline-offset: 2px; }
.elementor-location-header .elementor-nav-menu--main .sub-arrow { margin-left: 4px; transition: transform .3s var(--nz-ease); }
.elementor-location-header .elementor-nav-menu--main .elementor-item[aria-expanded="true"] .sub-arrow { transform: rotate(180deg); }

/* --- Padajući meni (Usluge) i mobilni meni: staklo --- */
.elementor-location-header .elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown.elementor-nav-menu__container {
  background: linear-gradient(135deg, rgba(222, 243, 250, .94), rgba(212, 230, 248, .92)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, .9); border-radius: 20px; padding: 8px !important;
  box-shadow: 0 22px 50px rgba(20, 70, 110, .20); overflow: hidden;
}
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item,
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-item,
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
  border-radius: 12px; color: var(--nz-ink) !important; padding: 11px 16px !important; font-weight: 500;
  transition: background-color .25s var(--nz-ease), color .25s var(--nz-ease), padding-left .25s var(--nz-ease);
}
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item:hover,
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-item:hover,
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item:hover {
  background: linear-gradient(135deg, rgba(41, 185, 205, .18), rgba(99, 123, 200, .14)) !important; color: var(--nz-teal-dark) !important; padding-left: 20px !important;
}
.elementor-nav-menu--dropdown .elementor-item-active { background: rgba(41, 185, 205, .16) !important; color: var(--nz-ink) !important; font-weight: 600; }
.elementor-location-header .elementor-menu-toggle {
  border-radius: 14px; background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .9);
  color: var(--nz-ink); transition: transform .3s var(--nz-ease), background-color .3s var(--nz-ease);
}
.elementor-location-header .elementor-menu-toggle:hover { background: rgba(255, 255, 255, .9) !important; }

/* --- Dugme u zaglavlju: žuta pilula u jednom redu, isto pre i posle učitavanja skripti (bez promene veličine) --- */
.elementor-location-header .elementor-widget-button a.elementor-button {
  padding: 12px 24px !important; min-height: 0 !important; border-radius: 999px !important; border: 0 !important;
  background: linear-gradient(135deg, #ffd04d 0%, #ffb300 100%) !important; color: #14283a !important;
  font-size: 15px; font-weight: 600; letter-spacing: .2px; white-space: nowrap; text-decoration: none !important;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  box-shadow: 0 12px 26px rgba(255, 170, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .6);
}
.elementor-location-header .elementor-widget-button a.elementor-button::after {
  content: ''; width: 18px; height: 18px; flex: none; background: currentColor;
  -webkit-mask: var(--nz-arrow) center / contain no-repeat; mask: var(--nz-arrow) center / contain no-repeat;
  --nz-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.elementor-location-header .elementor-widget-button .elementor-widget-container { display: flex; justify-content: flex-end; }

@media (max-width: 767px) {
  .nz-home.nz-hero-video-on .nz-hero-sec { padding-top: 104px !important; }
}