/* Base */
.spf-spof-form-wrapper{width:100%;direction:rtl;font-size:14px}
.spf-spof-form{width:100%;box-sizing:border-box;background-color:#fff;border-radius:12px}
.spf-spof-field{width:100%;margin-bottom:12px}
.spf-spof-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.spf-spof-label{font-weight:500}
.spf-spof-input,.spf-spof-select{width:100%;box-sizing:border-box;border:1px solid #e0e0e0;background:#fff;padding:10px 12px;border-radius:8px;outline:0}
.spf-spof-input:focus,.spf-spof-select:focus{border-color:#ccc}
.spf-spof-select-wrapper{position:relative;width:100%}

/* Help */
.spf-spof-help-btn{border:1px solid #e0e0e0;background:transparent;cursor:pointer;font-size:14px;line-height:1;padding:4px 8px;border-radius:8px}
.spf-spof-help-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}
.spf-spof-help-modal.is-open{display:flex}
.spf-spof-help-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.spf-spof-help-modal-content{position:relative;background:#fff;padding:20px 24px;border-radius:12px;max-width:440px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:1;direction:rtl}
.spf-spof-help-modal-close{position:absolute;top:8px;left:8px;border:none;background:transparent;font-size:18px;cursor:pointer}
.spf-spof-help-modal-body{margin-top:12px;font-size:14px}

/* Amount */
.spf-spof-field-amount{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;padding-top:10px;margin-top:4px}
.spf-spof-amount-label{font-weight:500}
.spf-spof-amount-value{font-weight:700}

/* Button */
.spf-spof-actions{width:100%;display:block;margin-top:16px;padding:0}
.spf-spof-submit{border:none;padding:12px 18px;border-radius:999px;cursor:pointer;width:100%!important;max-width:100%!important;box-sizing:border-box;text-align:center;display:block;background:#007BFF;color:#fff;transition:opacity .2s ease,background-color .2s ease}
.spf-spof-submit:hover{background:#0062cc}
.spf-spof-btn-disabled{opacity:.7;cursor:default}

/* Notices */
.spf-spof-no-products,.spf-spof-notice{font-size:13px;color:#cc0000}

/* LTR support */
html[dir="ltr"] .spf-spof-form-wrapper{direction:ltr}
