/* Fluent Forms in the design's form style (.fld / .inp / .pills): light (white box) and dark (.ff-dark) variants,
 * error and success states. Fluent Forms' own default theme is switched off (sanai3i-core inc/pages.php). */
.dir-b .fluentform{font:inherit;color:inherit}
.dir-b .fluentform fieldset{display:grid;gap:20px}
.dir-b .fluentform .ff-el-group{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.dir-b .fluentform .ff-hpsf-container{display:none!important}
/* Two columns (Fluent Forms "container") = the design's .frow */
.dir-b .fluentform .ff-t-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.dir-b .fluentform .ff-t-cell{flex-basis:auto!important;width:auto;padding:0!important;min-width:0}
.dir-b .fluentform .ff-t-cell .ff-el-group{margin:0}
/* Labels */
.dir-b .fluentform .ff-el-input--label{margin:0;padding:0;display:block}
.dir-b .fluentform .ff-el-input--label label{display:inline;font-family:'Archivo Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0}
.dir-b .fluentform .ff-el-input--label label small{color:var(--mute);letter-spacing:.04em;text-transform:none;font-size:13px;font-family:'Archivo',sans-serif;font-weight:400}
.dir-b .fluentform .ff-el-input--label.ff-el-is-required label::after,.dir-b .fluentform .ff-el-is-required.asterisk-right label::after{content:none!important}
/* Inputs = .inp */
.dir-b .fluentform .ff-el-form-control{display:block;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--ink);border-radius:0;background:var(--white);font:inherit;font-size:16px;line-height:1.4;color:var(--ink);box-shadow:none;appearance:none}
.dir-b .fluentform textarea.ff-el-form-control{min-height:132px;height:132px;padding:14px 16px;line-height:1.5;resize:vertical}
.dir-b .fluentform .ff-el-form-control::placeholder{color:var(--ph,#8C877F);opacity:1}
.dir-b .fluentform .ff-el-form-control:focus{outline:0;border:2px solid var(--steel);padding:0 15px;box-shadow:0 0 0 3px rgba(31,74,110,.18)}
.dir-b .fluentform textarea.ff-el-form-control:focus{padding:13px 15px}
.dir-b .fluentform input[type=tel],.dir-b .fluentform input[type=email]{direction:ltr}
.dir-b.rtl .fluentform input[type=tel],.dir-b.rtl .fluentform input[type=email]{text-align:right}
/* Radio chips = .pills / .pill */
.dir-b .fluentform .ff-chips .ff-el-input--content{display:flex;flex-wrap:wrap;gap:8px}
.dir-b .fluentform .ff-chips .ff-el-form-check{margin:0;padding:0;display:block}
.dir-b .fluentform .ff-chips .ff-el-form-check-label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ink);background:var(--white);font-size:15px;line-height:1.3;cursor:pointer;margin:0;color:var(--ink);text-transform:none;letter-spacing:0;font-family:inherit;font-weight:400}
.dir-b .fluentform .ff-chips .ff-el-form-check-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.dir-b .fluentform .ff-chips .ff-el-form-check-label:hover{border-width:1px;box-shadow:inset 0 0 0 1px var(--ink)}
.dir-b .fluentform .ff-chips .ff-el-form-check-label:has(input:checked){background:var(--ink);color:var(--white)}
.dir-b .fluentform .ff-chips .ff-el-form-check-label:has(input:checked)::before{content:"";width:8px;height:8px;background:var(--ember)}
.dir-b .fluentform .ff-chips .ff-el-form-check-label:has(input:focus-visible){outline:3px solid var(--steel);outline-offset:2px}
.dir-b .fluentform .ff-chips .ff-el-form-check-label span{display:inline}
/* Submit = .btn with the arrow */
.dir-b .fluentform .ff_submit_btn_wrapper{display:block;margin:0}
.dir-b .fluentform .ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;background:var(--ember)!important;color:var(--ink)!important;border:2px solid var(--ember)!important;border-radius:0;font-family:'Archivo Narrow',sans-serif;font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;line-height:1;box-shadow:none;opacity:1;cursor:pointer}
.dir-b .fluentform .ff-btn-submit::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.dir-b.rtl .fluentform .ff-btn-submit::after{transform:scaleX(-1)}
.dir-b.rtl .fluentform .ff-btn-submit{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;text-transform:none}
.dir-b .fluentform .ff-btn-submit:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--white)!important}
.dir-b .fluentform .ff-btn-submit:disabled,.dir-b .fluentform .ff-working .ff-btn-submit{opacity:.6;cursor:wait}
.dir-b .fluentform .ff-loading::after,.dir-b .fluentform .ff_btn_loading::after{content:none}
/* Errors (= .inp.err and .msg.err) */
.dir-b .fluentform .ff-el-is-error .ff-el-form-control{border:2px solid var(--err);padding:0 15px}
.dir-b .fluentform .ff-el-is-error textarea.ff-el-form-control{padding:13px 15px}
.dir-b .fluentform .ff-el-is-error .ff-el-form-check-label{border-color:var(--err)}
.dir-b .fluentform .error,.dir-b .fluentform .text-danger{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:13px;font-weight:600;color:var(--err);flex-basis:100%}
.dir-b .fluentform .error::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v6M12 16v.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v6M12 16v.5'/%3E%3C/svg%3E") center/contain no-repeat}
.dir-b .ff-errors-in-stack{margin-top:12px;color:var(--err);font-size:14px;font-weight:600}
.dir-b .ff-errors-in-stack:empty{display:none}
.dir-b .ff-errors-in-stack .error{margin:4px 0}
/* Success message */
.dir-b .ff-message-success{display:flex;gap:14px;align-items:flex-start;padding:20px 24px;background:var(--white);border:1px solid var(--ink);border-inline-start:6px solid var(--ok);color:var(--ink);font-size:16px;line-height:1.6;box-shadow:none;margin:0}
.dir-b .ff-message-success::before{content:"";flex:none;width:28px;height:28px;margin-top:-1px;background:var(--ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat}
.dir-b .ff-message-success p{margin:0}
/* Dark variant (partners split): white labels, white-bordered inputs, outline chips */
.dir-b .ff-dark .fluentform .ff-el-input--label label{color:var(--white)}
.dir-b .ff-dark .fluentform .ff-el-input--label label small{color:var(--mute-d)}
.dir-b .ff-dark .fluentform .ff-el-form-control{border-color:var(--white)}
.dir-b .ff-dark .fluentform .ff-chips .ff-el-form-check-label{background:transparent;border-color:var(--line-d);color:#D6D2CB}
.dir-b .ff-dark .fluentform .ff-chips .ff-el-form-check-label:hover{border-color:var(--mute-d);box-shadow:none}
.dir-b .ff-dark .fluentform .ff-chips .ff-el-form-check-label:has(input:checked){background:var(--white);color:var(--ink);border-color:var(--white)}
.dir-b .ff-dark .fluentform .ff-btn-submit:hover{background:var(--white)!important;border-color:var(--white)!important;color:var(--ink)!important}
.dir-b .ff-dark .fluentform .error{color:#FF8A70}
.dir-b .ff-dark .fluentform .ff-el-is-error .ff-el-form-control{border-color:#FF8A70}
.dir-b .ff-dark .ff-message-success{background:var(--iron-2);color:var(--white);border-color:var(--line-d);border-inline-start-color:var(--ok)}
.dir-b .ff-dark .fnote{margin-top:4px}
/* Arabic */
.dir-b.rtl .fluentform .ff-el-input--label label{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;text-transform:none;font-size:14px}
.dir-b.rtl .fluentform .ff-el-input--label label small{font-family:'IBM Plex Sans Arabic',sans-serif}
/* Block editor placeholder */
.ff-editor-ph{padding:24px;border:1.5px dashed currentColor;font-size:14px;opacity:.75}
@media (max-width:1023px){
	.dir-b .fluentform .ff-t-container{grid-template-columns:1fr}
	.dir-b .fluentform .ff_submit_btn_wrapper .ff-btn-submit{width:100%}
}