/* =========================
   Moon-Host — Global Loader (ONE FILE)
   css/mh-loader.css
========================= */

/* Loader container (globálisan) */
#loader{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ Force: mindenhol breathe, akkor is ha máshol spin van */
#loader .spinner img,
#loader .spinner > img,
.spinner img{
  width: 280px;
  height: auto;
  animation: breathe 1.25s ease-in-out infinite !important; /* ✅ felülír mindent */
  transform-origin: center;
  will-change: transform, opacity, filter;
}

/* Biztos ami biztos: ha valahol spin van megadva, nullázzuk */
@keyframes spin{
  0%{ transform: none; }
  100%{ transform: none; }
}

/* Breathing keyframe */
@keyframes breathe{
  0%{
    transform: scale(1);
    opacity: .78;
    filter: drop-shadow(0 0 0 rgba(238,71,71,0));
  }
  50%{
    transform: scale(1.14);
    opacity: 1;
    filter: drop-shadow(0 0 26px rgba(238,71,71,.55));
  }
  100%{
    transform: scale(1);
    opacity: .78;
    filter: drop-shadow(0 0 0 rgba(238,71,71,0));
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  #loader .spinner img,
  #loader .spinner > img,
  .spinner img{
    animation: none !important;
  }
}