/* ===== Dugmad: pilule sa gradijentom, meka senka, "sjaj" i strelica na hover =====
   Klase dodaje buttons.js (spisak ID-eva na vrhu tog fajla). Elementor boje dugmadi se prepisuju sa !important. */
.nz-btn {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  text-decoration: none !important;
  padding: 15px 28px !important; border-radius: 999px !important;
  box-sizing: border-box; white-space: nowrap; text-align: left; min-height: 50px;
  font-weight: 600; letter-spacing: .2px; border: 0 !important;
  transition: transform .3s var(--nz-ease), box-shadow .3s var(--nz-ease);
}
.nz-btn--primary {
  background: linear-gradient(135deg, #ffd04d 0%, #ffb300 100%) !important;
  color: #14283a !important;                       /* tamno slovo na žutom: čitljivo (bela na žutoj nije) */
  box-shadow: 0 12px 26px rgba(255, 170, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .6);
}
.nz-btn--ghost {
  background: linear-gradient(135deg, #2bc0d2 0%, #3b9bc9 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(41, 150, 190, .32), inset 0 1px 0 rgba(255, 255, 255, .38);
}
.nz-btn--ghost svg { fill: currentColor; width: 1em; height: 1em; }
.nz-btn > * { position: relative; z-index: 1; }
.nz-btn .elementor-button-icon { transition: transform .3s var(--nz-ease); }
.nz-btn .elementor-button-icon svg { fill: currentColor; width: 1em; height: 1em; }
.nz-btn::before {                    /* sjaj koji prelazi preko dugmeta */
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 48%, transparent 66%);
  transform: translateX(-130%); transition: transform .9s var(--nz-ease);
}
.nz-btn--primary:not(.nz-btn--hasicon)::after {   /* strelica (ako dugme nema svoju ikonu) */
  content: ''; position: relative; z-index: 1; 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;
  transition: transform .3s var(--nz-ease);
  --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");
}
.nz-btn:focus-visible { outline: 3px solid rgba(41, 185, 205, .55); outline-offset: 3px; }
.nz-btn:active { transform: scale(.98); }
@media (hover: hover) {
  .nz-btn:hover { transform: translateY(-3px); }
  .nz-btn--primary:hover { box-shadow: 0 18px 34px rgba(255, 170, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .6); }
  .nz-btn--ghost:hover { box-shadow: 0 18px 34px rgba(41, 150, 190, .42), inset 0 1px 0 rgba(255, 255, 255, .38); }
  .nz-btn:hover::before { transform: translateX(130%); }
  .nz-btn--primary:not(.nz-btn--hasicon):hover::after { transform: translateX(5px); }
  .nz-btn--hasicon:hover .elementor-button-icon { transform: translateX(4px); }
  .nz-btn--ghost:hover svg { animation: nz-ring .7s var(--nz-ease); }
}
@keyframes nz-ring { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-16deg); } 40% { transform: rotate(14deg); } 60% { transform: rotate(-10deg); } 80% { transform: rotate(6deg); } }

@media (max-width: 767px) {
  .nz-btn { font-size: 15px; padding: 12px 18px !important; min-height: 48px; }
}


/* --- Providna "pilula" na plavoj pozadini (npr. "Nazovite ..." u pozivu na akciju) --- */
.nz-pill {
  position: relative; display: inline-flex; align-items: center; gap: 12px;
  flex: none !important; width: max-content !important; max-width: none !important;
  padding: 13px 24px !important; border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: transform .3s var(--nz-ease), box-shadow .3s var(--nz-ease), background-color .3s var(--nz-ease);
}
.nz-pill, .nz-pill a { white-space: nowrap; }
.nz-pill .elementor-widget { width: max-content !important; max-width: none !important; margin: 0 !important; flex: none; }
.nz-pill .elementor-widget-text-editor p { width: max-content; }
.nz-pill p { margin: 0; }
.nz-pill a { color: #fff !important; font-weight: 600; text-decoration: none !important; }
.nz-pill a::after { content: ''; position: absolute; inset: 0; border-radius: 999px; }   /* cela pilula je klikabilna */
.nz-pill svg { fill: #fff; }
.nz-pill .elementor-icon-wrapper { display: flex; line-height: 0; }
.nz-pill .elementor-icon { display: flex; }
.nz-pill:focus-within { outline: 3px solid rgba(255,255,255,.6); outline-offset: 3px; }
@media (hover: hover) {
  .nz-pill:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(15, 50, 100, .28); background-color: rgba(255,255,255,.14) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .nz-btn::before { display: none; }
}