/* ── Bouncer Spam — Frontend styles (Gravity Forms) ── */

/* Loading spinner */
.bouncer-validate input.bouncer-checking {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="%23ccc" stroke-width="3" fill="none"/><path d="M12 2a10 10 0 0 1 10 10" stroke="%233b82f6" stroke-width="3" fill="none" stroke-linecap="round"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.8s" repeatCount="indefinite"/></path></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    background-color: #f8fafc !important;
    border-color: #94a3b8 !important;
    padding-right: 40px !important;
}

/* Valid state — green check */
.bouncer-validate input.bouncer-valid {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="%2316a34a"/><path d="M5 10l3.5 3.5L15 7" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    border-color: #16a34a !important;
    background-color: #f0fdf4 !important;
    padding-right: 40px !important;
}

/* Invalid state — red X */
.bouncer-validate input.bouncer-invalid {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="%23dc2626"/><path d="M6.5 6.5l7 7M13.5 6.5l-7 7" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    border-color: #dc2626 !important;
    background-color: #fef2f2 !important;
    padding-right: 40px !important;
}

/* Inline error message */
.bouncer-inline-error {
    color: #dc2626 !important;
    font-size: 13px !important;
    margin-top: 6px !important;
    display: block !important;
    font-weight: 500 !important;
    padding: 4px 0 !important;
}

/* Override LV_valid_field conflicts from theme livevalidation */
.bouncer-validate input.LV_valid_field.bouncer-invalid {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="%23dc2626"/><path d="M6.5 6.5l7 7M13.5 6.5l-7 7" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') !important;
    border-color: #dc2626 !important;
    background-color: #fef2f2 !important;
}

.bouncer-validate input.LV_valid_field.bouncer-valid {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="%2316a34a"/><path d="M5 10l3.5 3.5L15 7" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    border-color: #16a34a !important;
    background-color: #f0fdf4 !important;
}