/* Basis-Button-Styling für JetFormBuilder Action Buttons */
.jfb-btn-action {
  display: inline-block;
  width: 100%;
  border-radius: 20px;
  padding: 10px 15px;       /* Top/Bottom = 10px, Left/Right = 15px */
  font-size: 16px;
  font-weight: 400;
  color: #000;              /* Text schwarz */
  background-color: #fff;   /* Hintergrund weiß */
  border: 2px solid #000;   /* Border 2px schwarz */
  cursor: pointer;
  overflow: hidden;
  text-align: center;       /* Text zentriert */
  transition: all 0.25s ease;
}

/* Hover-Zustand */
.jfb-btn-action:hover {
  color: #fff;              /* Text weiß */
  background-color: #000;   /* Hintergrund schwarz */
}

/* Disabled-Zustand */
.jfb-btn-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #eee !important;
  color: #999 !important;
  border-color: #ccc !important;
}

/* Basis-Button-Styling für JetFormBuilder Submit Buttons */
.jfb-btn-submit {
  display: inline-block;
  width: 100%;
  border-radius: 20px;
  padding: 10px 15px;       /* Top/Bottom = 10px, Left/Right = 15px */
  font-size: 16px;
  font-weight: 400;
  color: #fff;              /* Text weiß */
  background-color: #000;   /* Hintergrund schwarz */
  border: 2px solid #000;   /* Border 2px schwarz */
  cursor: pointer;
  overflow: hidden;
  text-align: center;       /* Text zentriert */
  transition: all 0.25s ease;
}

/* Hover-Zustand */
.jfb-btn-submit:hover {
  color: #000;              /* Text schwarz */
  background-color: #fff;   /* Hintergrund weiß */
}

/* Disabled-Zustand */
.jfb-btn-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #eee !important;
  color: #999 !important;
  border-color: #ccc !important;
}

/* ============================
   Required-Felder: Rot / Grün
   ============================ */

/* Standard: etwas neutraler Border (falls nötig) */
.jet-form-builder__field {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

/* Valid (ausgefüllt) */
.jet-form-builder__field.jfb-required--valid {
  border-color: #2e7d32; /* grün */
}

/* Invalid (nicht ausgefüllt) */
.jet-form-builder__field.jfb-required--invalid {
  border-color: #c62828; /* rot */
}

/* ============================
   Submit-Button: Spinner
   ============================ */

/* Deine bestehende jfb-btn-action-Klasse erweitern wir nur logisch */
.jfb-btn-action {
  position: relative;          /* wichtig für den Spinner */
  padding-right: 40px;         /* Platz für Spinner rechts */
}

/* Loading-Zustand: Button gesperrt & Spinner sichtbar */
.jfb-btn-action.is-loading {
  cursor: wait;
}

/* Spinner im Button (rechts neben Text) */
.jfb-btn-action.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-left-color: transparent;
  border-top-color: currentColor;
  animation: jfbBtnSpinner 0.6s linear infinite;
}

/* Spinner-Animation */
@keyframes jfbBtnSpinner {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}