/* ==========================================================================
   Intake Form Plugin Styles (supplements theme components.css)
   ========================================================================== */

/* Loading spinner for form submission */
.wh-btn--loading {
    position: relative;
    pointer-events: none;
}

.wh-btn--loading::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: wh-spin 0.6s linear infinite;
}

@keyframes wh-spin {
    to { transform: translateY(-50%) rotate(360deg); }
}

/* Form step transition */
.wh-form-step {
    animation: wh-fadeIn 0.3s ease;
}

@keyframes wh-fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}