/* HubSpot submit processing state — aligned with earccouk UX */
.hubspot-form-container,
.hs-form-processing-shell,
.is-hs-processing {
    position: relative !important;
}

.hs-form-processing-overlay {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1.5rem;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(1px);
    text-align: center;
    pointer-events: all;
    box-sizing: border-box;
}

.hs-form-processing-spinner {
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    border: 2px solid rgba(241, 81, 82, 0.25);
    border-bottom-color: #f15152;
    animation: hs-form-spin 0.8s linear infinite;
    flex-shrink: 0;
}

.hs-form-processing-text {
    color: #111827;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
}

@keyframes hs-form-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hs-form-processing-spinner {
        animation: none;
        border-color: #f15152;
    }
}