/**
 * Hostanno preloader — jasan spinner u brand bojama.
 * Ne koristiti display:!important na .loader — jQuery fadeOut mora moći sakriti overlay.
 */

.loader.hostanno-preloader {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader.hostanno-preloader.is-hidden,
.loader.hostanno-preloader[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.loader.hostanno-preloader .hostanno-preloader__spinner {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border-style: solid !important;
  border-width: 6px !important;
  border-color: rgba(0, 52, 89, 0.15) !important;
  border-top-color: #003459 !important;
  border-right-color: rgba(0, 52, 89, 0.65) !important;
  background: transparent !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
  display: block !important;
  transform-origin: center center !important;
  animation: hostanno-preloader-spin 0.75s linear infinite !important;
  flex: 0 0 80px !important;
}

@keyframes hostanno-preloader-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .loader.hostanno-preloader .hostanno-preloader__spinner {
    animation: none !important;
    opacity: 0.8;
  }
}