/* ============================================
   STYLE.CSS — Globalni stilovi
   ============================================ */

/* ============================================
   SKIP NAVIGATION — Pristupačnost
   ============================================ */
.skip-nav {
  position: absolute;
  top: -100%;
  left: 0;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  z-index: 9999;
  transition: top 0.2s;
}
.skip-nav:focus {
  top: 0;
}

/* ============================================
   FAVICON BADGE DOT ANIMACIJA
   ============================================ */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

.badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  animation: pulse-dot 2.2s ease-in-out infinite;
  flex-shrink: 0;
}