/* Dopetzcom Admin — small centered flying-eagle loader modal */

.dz-eagle-loader{
  position:fixed;
  inset:0;
  z-index:140000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}
.dz-eagle-loader.is-on{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.dz-eagle-loader__modal{
  width:min(220px, calc(100vw - 40px));
  padding:18px 16px 16px;
  border-radius:16px;
  background:#000;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.dz-eagle-loader__sky{
  position:relative;
  width:180px;
  height:92px;
  overflow:hidden;
}
.dz-eagle-loader__sun,
.dz-eagle-loader__cloud{ display:none; }

.dz-eagle-loader__flight{
  position:absolute;
  inset:0;
  animation:dz-eagle-soar 1.8s ease-in-out infinite;
}
.dz-eagle-loader__bird{
  position:absolute;
  left:50%;
  top:50%;
  width:118px;
  height:72px;
  margin:-36px 0 0 -59px;
  filter:drop-shadow(0 6px 8px rgba(201,160,10,.28));
}
.dz-eagle-loader__bird svg{ width:100%; height:100%; overflow:visible; display:block; }
.dz-eagle-loader__bird path,
.dz-eagle-loader__bird ellipse,
.dz-eagle-loader__bird circle:not(.dz-eagle-eye){
  fill:#c9a00a !important;
}
.dz-eagle-loader__bird .dz-eagle-eye,
.dz-eagle-loader__bird circle[r="2.1"]{
  fill:#3d2e00 !important;
}
.dz-eagle-wing-back{
  transform-origin: 98px 62px;
  animation:dz-eagle-flap-back .34s ease-in-out infinite;
}
.dz-eagle-wing-front{
  transform-origin: 96px 70px;
  animation:dz-eagle-flap-front .34s ease-in-out infinite;
}
.dz-eagle-tail{
  transform-origin: 52px 72px;
  animation:dz-eagle-tail .34s ease-in-out infinite;
}

.dz-eagle-loader__label{
  margin:6px 0 0;
  color:#c9a00a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
  text-align:center;
}
.dz-eagle-loader__hint{
  margin:4px 0 0;
  color:#a68500;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
}

@keyframes dz-eagle-soar{
  0%{ transform:translate(-28%, 6px) rotate(-8deg); }
  50%{ transform:translate(10%, -8px) rotate(5deg); }
  100%{ transform:translate(32%, 4px) rotate(-3deg); }
}
@keyframes dz-eagle-flap-back{
  0%,100%{ transform:rotate(-18deg); }
  50%{ transform:rotate(28deg); }
}
@keyframes dz-eagle-flap-front{
  0%,100%{ transform:rotate(22deg); }
  50%{ transform:rotate(-26deg); }
}
@keyframes dz-eagle-tail{
  0%,100%{ transform:rotate(4deg); }
  50%{ transform:rotate(-8deg); }
}

/* Inline / page spinners — mini white eagle on a tiny black chip */
.loading-spinner,
.dz-eagle-inline{
  position:relative;
  display:inline-block;
  width:40px;
  height:28px;
  border:0 !important;
  border-radius:8px !important;
  background:#000 !important;
  vertical-align:middle;
  animation:none !important;
}
.loading-spinner:before,
.dz-eagle-inline:before{
  content:"";
  position:absolute;
  inset:4px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cpath fill='%23c9a00a' d='M92 58C62 18 28 10 22 22c22 2 40 22 70 42z'/%3E%3Cellipse cx='102' cy='70' rx='34' ry='15' fill='%23c9a00a'/%3E%3Cpath fill='%23c9a00a' d='M128 64c12-12 22-6 28-14l6 4c-10 10-18 16-30 20z'/%3E%3Ccircle cx='156' cy='50' r='10' fill='%23c9a00a'/%3E%3Cpath fill='%23c9a00a' d='M164 50l16 4-16 4z'/%3E%3Cpath fill='%23c9a00a' d='M94 66C50 42 18 72 34 94c12-14 36-20 62-18z'/%3E%3C/svg%3E") center / contain no-repeat;
  animation:dz-eagle-mini 1.05s ease-in-out infinite;
}
.loading-spinner[style*="width:18px"],
.loading-spinner[style*="width: 18px"]{
  width:22px !important;
  height:16px !important;
  border-radius:5px !important;
}

@keyframes dz-eagle-mini{
  0%{ transform:translate(-5px, 2px) rotate(-12deg); }
  50%{ transform:translate(5px, -3px) rotate(8deg); }
  100%{ transform:translate(-5px, 2px) rotate(-12deg); }
}

@media (prefers-reduced-motion: reduce){
  .dz-eagle-loader__flight,
  .dz-eagle-wing-back,
  .dz-eagle-wing-front,
  .dz-eagle-tail,
  .loading-spinner:before,
  .dz-eagle-inline:before{
    animation:none !important;
  }
  .dz-eagle-loader__flight{ transform:none; }
}
