/**
 * Ladezustand der Powermail-Submit-Buttons - siehe powermail-submit-spinner.js
 *
 * .powermail-submit-spinner-anchor  Elternelement des Buttons, nur Bezugspunkt
 * .powermail-submit-spinner         der Spinner selbst -> hier anpassen
 * .powermail-submit-loading         der Button während des Sendens
 *
 * top/left des Spinners setzt das JS auf die Buttonmitte, zentriert wird über
 * die negativen Margins unten.
 */
.powermail-submit-spinner-anchor {
    position: relative;
}

.powermail-submit-spinner {
    /* Größe und Strichstärke hier anpassen */
    --powermail-spinner-size: 1.25em;
    --powermail-spinner-width: 2px;

    position: absolute;
    width: var(--powermail-spinner-size);
    height: var(--powermail-spinner-size);
    /* zentriert auf den Mittelpunkt aus dem JS - transform ist von der Animation belegt */
    margin-top: calc(var(--powermail-spinner-size) / -2);
    margin-left: calc(var(--powermail-spinner-size) / -2);
    box-sizing: border-box;
    background: none;
    border: var(--powermail-spinner-width) solid var(--powermail-spinner-color, currentColor);
    border-top-color: transparent;
    border-radius: 50%;
    /* gegen fremde Regeln, die den Spinner ausblassen (z.B. .btn-secondary { opacity: .5 }) */
    opacity: 1 !important;
    pointer-events: none;
    animation: powermail-submit-spin .8s linear infinite;
}

/* Die Beschriftung blendet das JS aus (color: transparent inline), weil Utility-
    Klassen wie .text-black die Farbe sonst mit !important zurückholen. */
 .powermail-submit-loading {
     cursor: progress;
     pointer-events: none;
 }

 /* Größerer Spinner für sfEventMgt-Registrierungsformulare */
 .registration .powermail-submit-spinner {
     --powermail-spinner-size: 2.25em;
 }

 @keyframes powermail-submit-spin {
     to {
         transform: rotate(360deg);
     }
 }