/* ===========================================================
 * 📄 File: style-form.css
 * 🎯 Purpose: Universal Form Enhancements & Loader
 * =========================================================== */

/* 🔹 Inline Loader beside Submit Button */
.form-inline-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #e5e5e5;
  border-top: 2px solid #0073aa;
  border-radius: 50%;
  animation: mcqTinySpin 0.85s linear infinite;
  vertical-align: middle;
  margin-left: 8px;
}
@keyframes mcqTinySpin { to { transform: rotate(360deg); } }

/* 🔹 Disable & Dim Form while Submitting */
.mcqxam-ajax-form.form-loading {
  opacity: 0.7;
  pointer-events: none;
}

/* 🔹 Highlight Field Error */
.field-error {
  border-color: #e74c3c !important;
  background-color: #fff6f6;
  animation: shakeField 0.2s ease-in-out;
}
@keyframes shakeField {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  75% { transform: translateX(3px); }
}

/* 🔹 Form Buttons Unified Look */
.mcqxam-ajax-form .btn {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 5px;
  font-size: 13.5px;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.1s ease;
}
.mcqxam-ajax-form .btn:hover { background: #005f8d; }
.mcqxam-ajax-form .btn:active { transform: scale(0.97); }
.mcqxam-ajax-form .btn.cancel {
  background: #ccc;
  color: #333;
}
.mcqxam-ajax-form .btn.cancel:hover {
  background: #aaa;
  color: #fff;
}