/* ===== Chat dugmad (Chaty: WhatsApp, Viber, otvaranje/zatvaranje): staklo sa blagom bojom brenda, beli rub, meka senka ===== */
.chaty-widget .chaty-svg svg circle, .chaty-widget .chaty-svg svg ellipse { fill: transparent !important; }   /* originalni puni krug */
.chaty-widget .chaty-channel > a,
.chaty-widget .chaty-cta-button button {
  position: relative; overflow: hidden; border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .10)) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4); backdrop-filter: blur(12px) saturate(1.4);
  box-shadow: 0 14px 30px rgba(20, 70, 110, .26), inset 0 1px 0 rgba(255, 255, 255, .6) !important;
  transition: transform .3s var(--nz-ease), box-shadow .3s var(--nz-ease), background .3s var(--nz-ease) !important;
}
/* boja brenda kao blag sloj ispod stakla */
.chaty-widget .chaty-whatsapp-channel { background-image: linear-gradient(135deg, rgba(37, 211, 102, .62), rgba(16, 150, 110, .50)) !important; }
.chaty-widget .chaty-viber-channel    { background-image: linear-gradient(135deg, rgba(124, 104, 245, .62), rgba(86, 72, 190, .50)) !important; }
.chaty-widget .chaty-cta-main button.open-chaty, .chaty-widget .chaty-cta-close button { background-image: linear-gradient(135deg, rgba(41, 185, 205, .62), rgba(95, 123, 185, .55)) !important; }
.chaty-widget .chaty-svg svg { filter: drop-shadow(0 2px 3px rgba(10, 50, 90, .25)); }
.chaty-widget .chaty-svg svg path, .chaty-widget .chaty-svg svg rect { fill: #fff; }
.chaty-widget .chaty-channel > a::before, .chaty-widget .chaty-cta-button button::before {   /* sjaj koji prelazi preko dugmeta */
  content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: 50%;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .55) 48%, transparent 66%);
  transform: translateX(-130%); transition: transform .8s var(--nz-ease);
}
@media (hover: hover) {
  .chaty-widget .chaty-channel > a:hover, .chaty-widget .chaty-cta-button button:hover { transform: translateY(-3px) scale(1.06) !important; box-shadow: 0 20px 38px rgba(20, 70, 110, .36), inset 0 1px 0 rgba(255, 255, 255, .7) !important; }
  .chaty-widget .chaty-channel > a:hover::before, .chaty-widget .chaty-cta-button button:hover::before { transform: translateX(130%); }
}
.chaty-widget .chaty-channel > a:focus-visible, .chaty-widget .chaty-cta-button button:focus-visible { outline: 3px solid rgba(255, 255, 255, .9); outline-offset: 3px; }
/* oblačić sa nazivom ("WhatsApp", "Viber") */
.chaty-widget .chaty-tooltip:after, .chaty-widget .chaty-tooltip.pos-left:after {
  font-family: var(--nz-font-display); font-weight: 600; color: var(--nz-ink) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(236, 248, 252, .86)) !important;
  border: 1px solid rgba(255, 255, 255, .95); border-radius: 999px !important; box-shadow: 0 10px 24px rgba(20, 70, 110, .2) !important;
}
@media (prefers-reduced-motion: reduce) { .chaty-widget .chaty-channel > a::before, .chaty-widget .chaty-cta-button button::before { display: none; } }