/* assets/css/front.css */
#vfc-floating-call {
  display: none;
}

/* Mobilni prikaz: prilagodi prag po potrebi */
@media (max-width: 768px) {
  #vfc-floating-call {
    display: inline-flex;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 99999;
    width: 56px;
    height: 56px;
    border-radius: 9999px;
    background: #25d366;          /* WhatsApp-zelena vibe; izmeni po brendu */
    color: #fff;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  }

  #vfc-floating-call:hover,
  #vfc-floating-call:focus {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(0,0,0,.24);
    outline: none;
  }

  #vfc-floating-call svg {
    display: block;
    fill: currentColor;
  }

  /* Shake klasa koju dodaje JS povremeno */
  #vfc-floating-call.vfc-shake {
    animation: vfc-shake-anim 0.9s ease;
  }

  @keyframes vfc-shake-anim {
    0%, 100% { transform: translate(0,0) rotate(0); }
    10%, 30%, 50%, 70%, 90% { transform: translate(-1px, 0) rotate(-3deg); }
    20%, 40%, 60%, 80% { transform: translate(1px, 0) rotate(3deg); }
  }

  /* Screen-reader samo */
  .vfc-sr-only {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden; clip: rect(1px,1px,1px,1px);
    white-space: nowrap;
  }
}