/**
 * Estilos customizados do FiscalTech (nao alterar arquivos do tema Kaiadmin).
 */

/* -------------------------------------------------------------------------- */
/* Sino de notificacoes — animacao quando ha itens nao lidos                   */
/* -------------------------------------------------------------------------- */

@keyframes notif-bell-ring {
  0%,
  45%,
  100% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(16deg);
  }
  10% {
    transform: rotate(-14deg);
  }
  15% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  25% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(-4deg);
  }
  35% {
    transform: rotate(2deg);
  }
}

@keyframes notif-badge-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(49, 206, 54, 0.55);
  }
  60% {
    transform: scale(1.12);
    box-shadow: 0 0 0 7px rgba(49, 206, 54, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(49, 206, 54, 0);
  }
}

.navbar .navbar-nav .notif-bell-link--active .notif-bell-icon {
  display: inline-block;
  transform-origin: 50% 0;
  animation: notif-bell-ring 3s ease-in-out infinite;
}

.navbar .navbar-nav .notif-bell-link--active .notification.notif-bell-badge {
  animation: notif-badge-pulse 2.2s ease-out infinite;
}

/* Pausa ao abrir o dropdown para nao distrair na leitura */
.navbar .navbar-nav .notif-bell-link--active.show .notif-bell-icon,
.navbar .navbar-nav .notif-bell-link--active[aria-expanded="true"] .notif-bell-icon,
.navbar .navbar-nav .notif-bell-link--active.show .notification.notif-bell-badge,
.navbar .navbar-nav .notif-bell-link--active[aria-expanded="true"] .notification.notif-bell-badge {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .navbar .navbar-nav .notif-bell-link--active .notif-bell-icon,
  .navbar .navbar-nav .notif-bell-link--active .notification.notif-bell-badge {
    animation: none;
  }
}