input {
    font-feature-settings: "pnum" on, "lnum" on, "case" on;
    font-family: brando-arabic, sans-serif;
    font-style: normal;
}

/* النطاق معزول بالكامل */
#sf-mini-form{
  direction: ltr;
  font-family: brando-arabic, sans-serif;
  color: var(--sf-text);
}



/* عنوان الحِقل */
#sf-mini-form .sf-label{
  display:block;
  font-weight:800;
  color: var(--sf-text);
  margin:8px 0;
}

/* شبكة 40% / 60% */
#sf-mini-form .sf-row-2{
  display:grid;
  grid-template-columns: 40% 1fr;
  gap:16px;
}
@media (max-width:820px){
  #sf-mini-form .sf-row-2{ grid-template-columns:1fr; }
}

/* الغلاف العام للـ input (شكل الحقل) */
#sf-mini-form .sf-input-prefix {
    position: relative;
    height: 58px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    background: var(--sf-bg-2);
    display: flex;
    align-items: center;
    padding-inline: 14px;
}
#sf-mini-form .sf-input-prefix::before {
    content: attr(data-prefix);
    position: absolute;
    inset-inline-start: 16px;
    top: 51%;
    direction: ltr;
    transform: translateY(-50%);
    color: #8C9093;
    font-weight: 400;
    letter-spacing: 0.4px;
}

/* الحقول نفسها */
#sf-mini-form input[type="text"],
#sf-mini-form input[type="email"],
#sf-mini-form input[type="tel"]{
  border:none; outline:none; background:transparent;
  height:100%; width:100%;
  font-size:16px; color: var(--sf-text);
  padding:0;
}

/* مساحة بداية النص عشان ما يركب على الـ Prefix */
#sf-mini-form #sf-phone,
#sf-mini-form #sf-email{
    padding-inline-start: 64px;
    padding-top: 4px;
}

/* اتجاه الكتابة داخل الجوال/الإيميل */
#sf-mini-form #sf-phone{ direction:ltr; }
#sf-mini-form #sf-email{ direction:ltr; }

/* الحقل كامل العرض (الاسم) بنفس الستايل */
#sf-mini-form #sf-full-name {
    height: 58px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    background: var(--sf-bg-2);
    width: 100%;
    padding: 0 14px;
    font-size: 16px;
    color: #8C9093;
}

/* Placeholder */
#sf-mini-form input::placeholder{
  color: color-mix(in srgb, var(--sf-muted) 60%, var(--sf-bg-2) 40%);
}

/* ===== SCOPE: عمر/جنس/جنسية ===== */
#sf-age-row{margin-top: 20px; direction:ltr; font-family: brando-arabic, sans-serif; color:var(--sf-text)}

.sf-col p {
    margin: 12px 0 !important;
}

/* خط علوي وسفلي */
#sf-age-row .sf-age-grid {
    display: grid;
    grid-template-columns: 25% 35% 40%;
    align-items: center;
    gap: 0;
    padding: 11px 0 16px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

/* العناوين فوق كل عمود */
#sf-age-row .sf-title{
  display:block;
  font-weight:800;
  margin:0 0 8px;
  color:var(--sf-text);
  text-align:left;
}

/* فواصل عمودية سوداء بين الأعمدة */
#sf-age-row .sf-col{
  padding:0 16px;
  position:relative;
}
#sf-age-row .sf-col + .sf-col::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background: #D9D9D9;
    opacity: 1;
}

#sf-age-row .sf-input-with-unit {
    position: relative;
    height: 59px;
    background: var(--sf-bg-2);
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    width: 100%;
    padding-inline: 12px;
    justify-content: space-between;
}

#sf-age-row .sf-input-with-unit::after {
    content: attr(data-unit);
    color: #8C9093;
    font-weight: 400;
    padding: 2px 6px;
}

#sf-age-row #sf-age {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: var(--sf-text);
    padding: 0;
    padding-inline-start: 10px;
    text-align: left;
}

#sf-age-row #sf-age::placeholder{
  color: color-mix(in srgb, var(--sf-muted) 60%, var(--sf-bg-2) 40%);
}

/* === إصلاح قابلية النقر على راديو داخل صف العمر/الجنس/الجنسية فقط === */
#sf-age-row .sf-choices .wpcf7-list-item label{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}

/* داخل صف العمر/الجنس/الجنسية فقط */
#sf-age-row .sf-choices .wpcf7-list-item { margin: 0; }

.sf-choices span.wpcf7-list-item-label {
    font-weight: 700;
    padding: 0px 12px;
    display: inline-flex;
}

#sf-age-row .sf-choices .wpcf7-list-item {
    margin: 0;
    display: inline;
    padding: 0px;
}

#sf-age-row .sf-choices .wpcf7-list-item label{
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
}

/* استخدم راديو المتصفح نفسه، ملوّن ومكبّر قليلاً */
#sf-age-row .sf-choices input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    position: static !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 22px;
    height: 22px;
    accent-color: var(--sf-accent);
    margin: 0px !important;
}

.sf-choices span.wpcf7-list-item-label {
    font-weight: 700;
    padding: 0px 12px;
    display: inline-flex;
}

/* اجعل الترتيب: الدائرة ثم النص (يناسب ltr) */
#sf-age-row .sf-choices input[type="radio"]{ order:1; }
#sf-age-row .sf-choices .wpcf7-list-item-label{ order:2; }

/* ألغِ أي دائرة مخصّصة قد أضفناها سابقاً */
#sf-age-row .sf-choices .wpcf7-list-item-label::after{
  content:none !important;
}

/* اختياري: لون الحافة عندما لا يكون محدداً (يختلف من متصفح لآخر) */
#sf-age-row .sf-choices input[type="radio"]{
  outline:none;
}

.sf-choices.wpcf7-radio {
    align-items: stretch;
    display: inline-flex;
    flex-wrap: nowrap;
}

/* استجابة */
@media (max-width: 900px){
  #sf-age-row .sf-age-grid{ grid-template-columns:1fr; }
  #sf-age-row .sf-col + .sf-col::before{ display:none; }
  #sf-age-row .sf-col{ padding:8px 0; }
}

/* ===== Scope: ملفات ===== */
#sf-files-row{direction:ltr; font-family:brando-arabic,sans-serif; color:var(--sf-text)}

/* شبكة 50/50 كما هي */
#sf-files-row .sf-files-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 15px;
}

@media (max-width:900px){ #sf-files-row .sf-files-grid{ grid-template-columns:1fr } }

/* قسم كامل (عنوان + وصف فوق، والكرت تحت) */
#sf-files-row .sf-file-section{ display:flex; flex-direction:column; }

/* العنوان والوصف خارج الصندوق */
#sf-files-row .sf-file-head {
    font-weight: 900;
    font-size: 20px;
    color: var(--sf-text);
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#sf-files-row .sf-file-sub {
    color: #172026;
    font-weight: 300;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.sf-file-head p {
    margin: 14px 0 0 !important;
}

.sf-file-sub p {
    margin: 0 0 10px !important;
}

#sf-files-row .sf-file-card {
    background: var(--sf-bg-2);
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 19px 0px 0px;
    margin-top: 16px;
}

/* زر الرفع + جعل input يغطيه ليكون قابل للضغط */
#sf-files-row .sf-file-control{ position:relative; height:56px; display:flex; align-items:center; justify-content:center; }
#sf-files-row .sf-file-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 48px;
    background: var(--sf-btn-bg);
    border: 1px solid var(--sf-btn-border);
    color: var(--sf-btn-text);
    font-weight: 700;
    border-radius: 999px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

#sf-files-row .sf-file-control .wpcf7-form-control-wrap{ position:absolute; inset:0; z-index:10; }
#sf-files-row .sf-file-control .wpcf7-form-control-wrap input[type="file"].sf-file-input{
  position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border:0; margin:0; padding:0;
}

/* الملاحظة */
#sf-files-row .sf-file-note {
    text-align: center;
    color: #172026;
    font-weight: 400;
    margin: 17px 0;
}



/* الفاصل السفلي */
#sf-files-row .sf-files-divider{ height:1px; background: #D9D9D9; margin-top:14px; }


/* ===== Scope: راديو + المنصب/الراتب (نهائي) ===== */
#sf-choices-block {
    direction: ltr;
    font-family: brando-arabic, sans-serif;
    color: var(--sf-text);
    margin-top: 15px;
}

/* عناوين الأقسام */
#sf-choices-block .sf-sec-title{
  font-weight: 800;
  margin: 0 0 10px;
  text-align: left;
  color: var(--sf-text);
}

/* فواصل */
#sf-choices-block .sf-divider{
  height: 1px;
  background: #D9D9D9;
  margin: 18px 0;
}
#sf-choices-block .sf-sec.sf-sec--boxed{
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 14px 0;
  margin-top: 10px;
}

/* ================== الراديو (عمودي، يمين، الدائرة يمين) ================== */
#sf-choices-block .sf-choices-vertical {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    text-align: left;
}

#sf-choices-block .sf-choices-vertical .wpcf7-list-item{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sf-choices-block .sf-choices-vertical .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    cursor: pointer;
    font-weight: 800;
}

/* ترتيب العناصر داخل الليبل: أولاً input (الدائرة) ثم النص */
#sf-choices-block .sf-choices-vertical .wpcf7-list-item label input[type="radio"]{ order: 1; }
#sf-choices-block .sf-choices-vertical .wpcf7-list-item label .wpcf7-list-item-label{ order: 2; }

/* حجم/لون الدائرة */
#sf-choices-block .sf-choices-vertical input[type="radio"]{
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  accent-color: var(--sf-accent);
  outline: none;
}

/* ================== شبكة المنصب/الراتب ================== */
/* 70% (يمين) للمنصب + 30% (يسار) للراتب */
#sf-choices-block .sf-grid-2 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    align-items: end;
    margin: 6px 0 20px;
}

@media (max-width: 900px){
  #sf-choices-block .sf-grid-2{ grid-template-columns: 1fr; }
}

#sf-choices-block .sf-label{
  display: block;
  font-weight: 800;
  margin: 0 0 8px;
}

/* حقول الإدخال (مطابقة لستايلك العام) */
#sf-choices-block input[type="text"],
#sf-choices-block input[type="number"]{
  width: 100%;
  height: 58px;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  background: var(--sf-bg-2);
  padding: 0 14px;
  font-size: 16px;
  color: var(--sf-text);
}

/* ================== الراتب مع أيقونة SAR داخل الحقل ================== */
#sf-choices-block .sf-input-icon{
  position: relative;
  height: 58px;
}
/* CF7 يلفّ الـ input داخل wrap — خليه يملأ الارتفاع بالكامل */
#sf-choices-block .sf-input-icon .wpcf7-form-control-wrap{
  display: block;
  height: 100%;
  margin: 0 !important;
}

section.sf-sec span {
    font-weight: 600 !important;
}

/* إزالة أسهم number للمتصفحات */
#sf-choices-block input[type="number"]::-webkit-outer-spin-button,
#sf-choices-block input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}
#sf-choices-block input[type="number"]{ -moz-appearance: textfield; }

/* تنظيف مسافات CF7 الافتراضية داخل الحقول */
#sf-choices-block .sf-field p{ margin: 0 !important; }


/* تأكيد أن الحاوية مرجعية للتموضع */
#sf-choices-block .sf-input-icon{
  position: relative;
  height: 58px;
  overflow: visible; /* لا يقص الأيقونة */
}

/* خلّ الـ wrap يغطي الحاوية ولكن بمرتبة أقل من الأيقونة */
#sf-choices-block .sf-input-icon .wpcf7-form-control-wrap{
  position: absolute;
  inset: 0;
  z-index: 1;         /* تحت الأيقونة */
  margin: 0 !important;
  height: 100%;
}

/* الـ input نفسه داخل الحاوية */
#sf-choices-block .sf-input-icon input[type="number"]{
  position: relative;
  z-index: 1;         /* تحت الأيقونة */
  width: 100%;
  height: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  background: var(--sf-bg-2);
  font-size: 16px;
  color: var(--sf-text);
  text-align: left;       /* أو center لو تفضّل */
  padding: 0 14px;
  padding-inline-start: 14px;  /* حشو عادي من جهة البداية */
  padding-inline-end: 52px;    /* مساحة للأيقونة (يسار في ltr) */
  padding-top: 6px;           /* لأن الأيقونة أعلى */
}

/* الأيقونة أعلى–يسار (يسار = inline-end في ltr) وفوق الحقل */
#sf-choices-block .sf-sar {
    position: absolute;
    top: 14px;
    inset-inline-end: 12px;
    z-index: 3;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

#sf-choices-block .sf-sar svg{ display:block }
#sf-choices-block .sf-sar svg path{  fill: #8C9093; }


/* حاوية الزر + النص */
.sf-submit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap; /* علشان يتغير بالجوال */
}

/* النص يمين */
.sf-submit-note {
  font-size: 14px;
  color: var(--sf-text);
  flex: 1;
  text-align: left;
}

/* الزر يسار */
.sf-submit-wrap .wpcf7-submit {
    background: #F6861F;
    color: #883900;
    border: 1px solid #EB6403;
    border-radius: 50px;
    padding: 17px 31px 15px;
    font-size: 17px;
    cursor: pointer;
    flex-shrink: 0;
    font-weight: 700;
}

/* بالجوال */
@media (max-width: 768px) {
  .sf-submit-wrap {
    flex-direction: column;
    align-items: stretch;
  }
  .sf-submit-note {
    order: -1; /* النص يطلع فوق */
    text-align: center;
    margin-bottom: 8px;
  }
  .sf-submit-wrap .wpcf7-submit {
    width: 100%;
    text-align: center;
  }
}

/* رسائل الخطأ */
.wpcf7-response-output {
  margin-top: 20px;
  border-radius: 10px;
  padding: 14px 18px;
  background: #fdeaea;
  color: #b33a3a;
  font-size: 14px;
  text-align: left;
}


/* خط فاصل عام */
.sf-hr { height:1px; background:#D9D9D9; margin:18px 0; }

/* حقل بأيقونة داخلية (عام) */
.sf-input-icon {
  position: relative;
  height: 58px;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  background: var(--sf-bg-2);
  display: flex;
  align-items: center;
  padding-inline: 14px;
}
.sf-input-icon .wpcf7-form-control-wrap { position:absolute; inset:0; height:100%; }
.sf-input-icon input[type="url"] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    outline: none;
    font-size: 16px;
    color: var(--sf-text);
    padding: 0 0px 0 47px;
    padding-inline-end: 44px;
    direction: ltr;
}
.sf-input-icon .sf-web {
  position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%);
  width: 24px; height: 24px; display:inline-flex; align-items:center; justify-content:center;
  pointer-events: none;
}
.sf-input-icon .sf-web svg path { fill:#8C9093; }

/* textarea موحدة مع باقي الحقول */
.sf-textarea, .sf-textarea textarea {
  width:100%;
  min-height:112px;
  border:1px solid #E8E8E8 !important;
  border-radius:8px;
  background: var(--sf-bg-2);
  padding:12px 14px !important;
  font-size:16px; color: var(--sf-text);
  resize: vertical;
}

/* شيك بوكس رأسي */
.sf-checks-vertical .wpcf7-list-item { display:block !important; margin:0 0 10px !important; }
.sf-checks-vertical label { display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-weight:800; }
.sf-checks-vertical input[type="checkbox"]{
  width:22px; height:22px; margin:0 !important; accent-color: var(--sf-accent);
}

section.sf-sec {
    margin-top: 20px;
	  margin-bottom: 20px;
}

.sf-t-social-accounts, .sf-t-website {
    margin-top: 20px;
}

div#sf-other-business {
    margin-bottom: 20px;
}

.sf-error-inline {
  color: #d22e2e;
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
}