/* custom.css — dodatni stilovi za Buddy 5.0 */

/* Glatka animacija pojave poruka */
.fade-in {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Sekundarna boja pozadine za testne balončiće */
.message-alt {
  background-color: #f0f0f0;
  color: #222;
}

/* Isključeni elementi */
.hidden {
  display: none !important;
}

/* Spinner za učitavanje */
.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #007bff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Hover efekti */
.hover-shadow:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  transition: box-shadow 0.2s ease;
}