/* Busy state for js/thrivian-pending-v1.js. A separate versioned file: the
   Keycloak resource path does not change with theme content, so browsers keep
   an edited stylesheet of the same name for weeks. */
.pf-v5-c-button[aria-busy="true"],
input[type="submit"][aria-busy="true"] {
  cursor: progress;
}

.pf-v5-c-button[aria-busy="true"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

.pf-v5-c-button[aria-busy="true"]::before {
  content: "";
  width: 1rem;
  height: 1rem;
  flex: none;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: thrivian-pending-spin 0.8s linear infinite;
}

.pf-v5-c-button:disabled:not([aria-busy="true"]) {
  cursor: progress;
}

@keyframes thrivian-pending-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pf-v5-c-button[aria-busy="true"]::before {
    animation-duration: 2.4s;
  }
}