/* Loading spinner positioned inside the submit button while loading. */
form#change-password-form button.is-loading,
form#update-password-form button.is-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em; /* space between text and spinner */
}

/* Default spinner style shown inline next to the text. */
.sdavic-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  /* Use the current text color so it fits any theme. */
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: sdavic-spin 0.8s linear infinite;
}

/* Ensure no extra margins when inside the loading button; spacing is handled by gap. */
form#change-password-form button.is-loading .sdavic-spinner {
  margin: 0;
}

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