/* Qualitax Warte-Q (28.09.2026) – Overlay mit drehendem Q bei Wartesituationen. Skript: templates/yootheme/js/custom.js
   Beide Dateien lädt YOOtheme automatisch (LoadThemeHead.php), sie überleben Customizer-Saves. Quelle: qualitax/build/q-radar-2026-09-28/ */
.qx-wait { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .82); color: #1d2d50; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s linear .2s; }
.qx-wait.qx-wait-on { opacity: 1; visibility: visible; transition-delay: 0s; }
.qx-wait-box { display: flex; flex-direction: column; align-items: center; gap: 12px; font-family: 'Sora', 'Inter', system-ui, sans-serif; font-weight: 600; font-size: 15px; }
.qx-wait-spin { transform-origin: 0 0; transform-box: view-box; animation: qx-wait-spin 1.4s linear infinite; }
@keyframes qx-wait-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .qx-wait-spin { animation-duration: 4s; } }