/* ---------- Fluent Forms: site form style (same look the NEX-Forms rules in forms-style.php gave) ---------- */
body .fluentform{font-family:Inter,sans-serif;color:#475569;text-align:left}
body .fluentform .ff-el-group{margin-bottom:20px}
body .fluentform .ff-t-container{gap:16px}
body .fluentform .ff-t-container .ff-t-cell{padding:0!important}
body .fluentform .ff-el-input--label{margin:0 0 8px!important;display:block}
body .fluentform .ff-el-input--label label{font:600 14px/1.4 Inter,sans-serif!important;color:#0F172A!important;margin:0!important;padding:0!important}
body .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{content:" *";color:#0670C4;margin-left:0}
body .fluentform .ff-el-form-control{display:block;width:100%;height:48px;padding:12px 14px!important;border:1.5px solid #E2E8F0!important;border-radius:10px!important;background:#fff!important;color:#0F172A!important;font:400 15px/1.4 Inter,sans-serif!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
body .fluentform textarea.ff-el-form-control{height:auto;min-height:140px;resize:vertical}
body .fluentform select.ff-el-form-control{-webkit-appearance:none;appearance:none;padding-right:40px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center!important}
body .fluentform .ff-el-form-control::placeholder{color:#94A3B8!important;opacity:1}
body .fluentform .ff-el-form-control:hover{border-color:#CBD5E1!important}
body .fluentform .ff-el-form-control:focus{border-color:#0670C4!important;box-shadow:0 0 0 3px rgba(6,112,196,.15)!important;outline:0}
body .fluentform .ff-el-help-message{font-size:13px;color:#64748B;font-style:normal}
/* Checkboxes: selectable cards */
body .fluentform .ff-el-input--content:has(> .ff-el-form-check input[type=checkbox]){display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
body .fluentform .ff-el-input--content>.ff-el-form-check{width:auto!important;float:none!important;display:block!important}
body .fluentform .ff-el-form-check:has(input[type=checkbox]){margin:0!important;padding:0}
body .fluentform .ff-el-form-check:has(input[type=checkbox]) .ff-el-form-check-label{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 16px!important;border:1.5px solid #E2E8F0;border-radius:12px;background:#fff;width:100%;height:100%;box-sizing:border-box;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;font:700 15px/1.35 Manrope,Inter,sans-serif;color:#0F172A}
body .fluentform .ff-el-form-check:has(input[type=checkbox]) .ff-el-form-check-label:hover{border-color:#0670C4}
body .fluentform .ff-el-form-check:has(input[type=checkbox]:checked) .ff-el-form-check-label{border-color:#0670C4;background:#F0F7FD;box-shadow:0 0 0 3px rgba(6,112,196,.12)}
body .fluentform .ff-el-form-check input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 18px;width:18px;height:18px;margin:0!important;border:1.5px solid #CBD5E1;border-radius:5px;background:#fff;cursor:pointer;position:static}
body .fluentform .ff-el-form-check input[type=checkbox]:checked{background:#0670C4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#0670C4}
body .fluentform .ff-el-form-check input:focus-visible{outline:2px solid #0670C4;outline-offset:2px}
/* Radios: pills */
body .fluentform .ff-el-input--content:has(> .ff-el-form-check input[type=radio]){display:flex;flex-wrap:wrap;gap:8px}
body .fluentform .ff-el-form-check:has(input[type=radio]){margin:0!important;padding:0}
body .fluentform .ff-el-form-check:has(input[type=radio]) .ff-el-form-check-label{display:inline-flex!important;align-items:center;margin:0!important;padding:10px 18px!important;border:1.5px solid #E2E8F0;border-radius:999px;background:#fff;cursor:pointer;transition:all .15s;font:500 14px/1.3 Inter,sans-serif;color:#475569}
body .fluentform .ff-el-form-check input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0}
body .fluentform .ff-el-form-check:has(input[type=radio]) .ff-el-form-check-label:hover{border-color:#0670C4}
body .fluentform .ff-el-form-check:has(input[type=radio]:checked) .ff-el-form-check-label{background:#0670C4;border-color:#0670C4;color:#fff}
body .fluentform .ff-el-form-check:has(input[type=radio]:focus-visible) .ff-el-form-check-label{box-shadow:0 0 0 3px rgba(6,112,196,.25)}
/* Turnstile widget (Simple Cloudflare Turnstile plugin): it is printed after the submit button, so reorder the
   fieldset to show it above the button like the old forms. */
body .fluentform form.frm-fluent-form>fieldset{display:flex;flex-direction:column}
body .fluentform form.frm-fluent-form>fieldset>*{order:0}
body .fluentform form.frm-fluent-form>fieldset>.cf-turnstile{order:2;margin:0 0 16px}
body .fluentform form.frm-fluent-form>fieldset>.cf-turnstile-br{display:none}
body .fluentform form.frm-fluent-form>fieldset>.ff_submit_btn_wrapper{order:3}
/* Submit */
body .fluentform .ff_submit_btn_wrapper{text-align:left}
body .fluentform .ff-btn-submit,body .fluentform .ff-btn-submit:not(.ff_btn_no_style){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 28px!important;border:0!important;border-radius:8px!important;background:#0670C4!important;color:#fff!important;font:600 15px/1.2 Inter,sans-serif!important;letter-spacing:0;text-transform:none;box-shadow:none!important;opacity:1!important;transition:background .15s;cursor:pointer}
body .fluentform .ff-btn-submit:hover,body .fluentform .ff-btn-submit:focus{background:#023774!important}
body .fluentform .ff-btn-submit:focus-visible{outline:2px solid #0670C4;outline-offset:3px}
body .fluentform .ff-btn-submit.disabled,body .fluentform .ff-working .ff-btn-submit{opacity:.7!important;cursor:wait}
/* Errors and messages */
body .fluentform .ff-el-is-error .ff-el-form-control{border-color:#DC2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}
body .fluentform .ff-el-is-error .ff-el-form-check-label{border-color:#FCA5A5!important}
body .fluentform .ff-el-is-error .text-danger,body .fluentform .error.text-danger{margin:6px 0 0;color:#DC2626!important;font:500 13px/1.4 Inter,sans-serif}
body .ff-message-success{margin:0;padding:24px;border:1.5px solid #BFDBFE;border-radius:12px;background:#F0F7FD;box-shadow:none;color:#0F172A;font:500 16px/1.6 Inter,sans-serif}
body .ff-message-success p{margin:0}
body .ff-errors-in-stack{margin-top:12px;color:#DC2626;font:500 14px/1.5 Inter,sans-serif}
@media (max-width:767px){
body .fluentform .ff-t-container{display:block}
body .fluentform .ff-t-container .ff-t-cell{width:100%!important;margin-bottom:0}
body .fluentform .ff-el-input--content:has(> .ff-el-form-check input[type=checkbox]){grid-template-columns:1fr}
body .fluentform .ff-btn-submit{width:100%}
}
/* Privacy line under every form (added by the fluentform/after_form_render hook below). */
body .am-ff-privacy{margin:14px 0 0;font:400 13px/1.5 Inter,sans-serif;color:#475569;text-align:left}
body .am-ff-privacy a{color:#0670C4;text-decoration:none}