/* ==========================================================================
   القسم 2 — صف الشعار والبحث والأيقونات  (العنصر: 58fd6ac00)
   الخيار المعتمد: A «شريط كريمي راقٍ»
   أعمدة الصف: سوشيال 7ee33f1b · شعار ab6dbd6 · بحث f64f83b
   لا يغيّر أي نص أو صورة أو رابط (تعريب نص البحث يتم في طبقة PHP)
   الرجوع الفوري: mu-plugins/ussus-sections/disabled.flag
   ========================================================================== */

/* ------------------------------------------------------------------ الشريط */
.elementor-4698 .elementor-element.elementor-element-58fd6ac00{
  background-color:#F7F4EE !important;                    /* كريمي من الهوية بدل لون الصفحة الافتراضي */
  border-bottom:1px solid rgba(194,161,90,.40) !important;/* خط نحاسي رفيع يفصله عن القسم الترحيبي */
  padding:14px 26px !important;                            /* كان 0 20px */
}
/* الترتيب البصري المعتمد (RTL): بحث يمينًا · شعار وسطًا · أيقونات يسارًا — بلا تغيير في ترتيب الكود */
.elementor-4698 .elementor-element.elementor-element-58fd6ac00 > .elementor-container{
  flex-direction:row-reverse !important;
  align-items:center !important;
  gap:10px !important;
}
.elementor-4698 .elementor-element.elementor-element-ab6dbd6{           /* عمود الشعار */
  display:flex !important; align-items:center !important; justify-content:center !important;
}
/* الشعار: 202px ⇒ 176px — يخفّض ارتفاع الشريط من 332px إلى ~300px */
.elementor-4698 .elementor-element.elementor-element-31efaa20 .wpr-logo-image{
  max-width:176px !important;
}
.elementor-4698 .elementor-element.elementor-element-31efaa20 .wpr-logo{
  padding:0 !important;
}

/* --------------------------------------------------------------- البحث */
.elementor-4698 .elementor-element.elementor-element-49ef1200{ display:flex !important; align-items:center !important; }
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form{ min-width:236px; }
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input-wrap{
  display:flex !important; align-items:center !important;
  height:44px !important; min-width:236px;
  background-color:#FFFFFF !important;
  border:1px solid rgba(194,161,90,.45) !important;
  border-radius:999px !important;
  padding:0 6px !important;
  overflow:visible !important;                 /* حتى لا تُقصّ نتائج البحث المنسدلة */
  transition:border-color .25s ease, box-shadow .25s ease !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input-wrap:focus-within{
  border-color:#C2A15A !important;
  box-shadow:0 0 0 3px rgba(194,161,90,.18) !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input{
  flex:1 1 auto !important; min-width:0 !important;
  height:42px !important;
  background:transparent !important; border:0 !important; border-radius:999px !important;
  color:#2A302E !important;
  font-family:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif !important;
  font-size:14px !important; font-weight:500 !important; font-style:normal !important;
  letter-spacing:0 !important; text-align:right !important;
  padding:0 14px !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input::placeholder{
  color:#8A929C !important; font-style:normal !important; opacity:1 !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-submit{
  position:static !important;
  min-width:40px !important; width:40px !important; height:40px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:transparent !important; border:0 !important;
  border-radius:999px !important;
  color:#9A6B2F !important;
  transition:background .25s ease, color .25s ease !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-submit:hover{
  background:rgba(194,161,90,.15) !important; color:#12352C !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-submit i{
  font-size:15px !important; color:inherit !important;
}
/* نتائج البحث: إصلاح البنفسجي #605BE5 والرمادي إلى هوية الموقع */
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-data-fetch{
  border:1px solid rgba(194,161,90,.35) !important;
  border-radius:12px !important;
  background-color:#FFFDF8 !important;
  box-shadow:0 14px 34px rgba(16,19,23,.12) !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-data-fetch ul li:hover{
  background-color:#F5F2EA !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-data-fetch a.wpr-ajax-title{
  font-family:'IBM Plex Sans Arabic',sans-serif !important; color:#12352C !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-data-fetch p a{
  font-family:'IBM Plex Sans Arabic',sans-serif !important; color:#6D7671 !important;
}
.elementor-4698 .elementor-element.elementor-element-49ef1200 a.wpr-view-result,
.elementor-4698 .elementor-element.elementor-element-49ef1200 a.wpr-view-result:hover{
  background-color:#C2A15A !important; color:#12352C !important;
  border-radius:10px !important;
  font-family:'IBM Plex Sans Arabic',sans-serif !important; font-weight:600 !important;
}

/* ------------------------------------------------- أيقونات التواصل */
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon{
  --icon-padding:0.55em !important;
  background-color:transparent !important;
  border:1px solid rgba(194,161,90,.50) !important;
  border-radius:50% !important;
  color:#2A302E !important;
  margin:0 4px !important;
  transition:background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease !important;
}
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon i{
  font-size:14px !important; color:inherit !important;
}
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon:hover{
  background-color:#C2A15A !important; color:#12352C !important;
  border-color:#C2A15A !important; transform:translateY(-2px);
}

/* =====================================================================
   الموبايل (≤767px) — الوضع السابق الذي طلبه المالك:
   الشعار في الأعلى · تحته البحث · تحته الأيقونات   (ترتيب رأسي مركزي)
   والتابلت (768–1024px) يبقى كما كان: صف واحد 30% / 40% / 30%
   ===================================================================== */
@media (max-width:767px){
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00{
    /* 10px أعلى الشعار · 18px أسفل الأيقونات (فراغ صغير واضح لا يلامس الحدّ النحاسي) */
    padding:10px 20px 18px 20px !important;
  }
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00 > .elementor-container{
    flex-direction:column !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:center !important;
    gap:14px !important;
  }
  /* 1) الشعار */
  .elementor-4698 .elementor-element.elementor-element-ab6dbd6{
    width:100% !important; order:1 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-31efaa20 .wpr-logo-image{
    max-width:150px !important;                 /* ارتفاع ≈226px — نفس ظهوره السابق في عمود 40% */
  }
  /* 2) البحث */
  .elementor-4698 .elementor-element.elementor-element-f64f83b{
    width:100% !important; order:2 !important;
    max-width:320px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
  }
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form,
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input-wrap{
    min-width:0 !important; width:100% !important; height:44px !important;
  }
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-input{
    height:42px !important; font-size:13.5px !important; padding:0 12px !important;
  }
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-search-form-submit{
    min-width:38px !important; width:38px !important; height:38px !important;
  }
  /* 3) الأيقونات */
  .elementor-4698 .elementor-element.elementor-element-7ee33f1b{
    width:100% !important; order:3 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icons-wrapper{
    gap:8px !important; justify-content:center !important;
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon{
    --icon-padding:0.62em !important; margin:0 !important;   /* دائرة ≈34px — منطقة لمس مريحة */
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon i{
    font-size:14px !important;
  }

  /* ------------------------------------------------------------------
     تقليل الفراغ لأدنى حد (طلب المالك 2026-09-16)
     المصادر المقيسة للفراغ: حشوة الأعمدة 10px لكل جانب (Elementor column-gap-default)
     + gap 14px + هامش سالب —10px لودجة البحث  ⇒  كان 24px و34px
     الحل: تصفير حشوة الأعمدة والـgap وإلغاء الهامش الموروث، ثم مسافة 4px يدوية
     ------------------------------------------------------------------ */
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00 > .elementor-container{
    gap:0 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00 .elementor-column > .elementor-widget-wrap,
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00 .elementor-column > .elementor-element-populated{
    padding:0 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-58fd6ac00 .elementor-widget-container{
    margin:0 !important; padding:0 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-49ef1200{ margin:0 !important; }   /* إلغاء الهامش الموروث -10px */
  /* ------------------------------------------------------------------
     فجوتان متساويتان بالبناء (طلب المالك 2026-09-16):
     بدل هامش أسفل الشعار + هامش أسفل البحث (وهو ما جعل الفجوة السفلية أصغر)،
     نضع حشوة رأسية متناظرة على عمود البحث: 6px أعلى + 6px أسفل
     ⇒ الفجوة فوق البحث = الفجوة تحت البحث تمامًا، ولا تتأثر بأي هامش موروث
     ------------------------------------------------------------------ */
  .elementor-4698 .elementor-element.elementor-element-ab6dbd6{ margin:0 !important; }        /* عمود الشعار */
  .elementor-4698 .elementor-element.elementor-element-7ee33f1b{ margin:0 !important; }        /* عمود الأيقونات */
  .elementor-4698 .elementor-element.elementor-element-f64f83b{                                 /* عمود البحث */
    margin:0 !important;
    padding:6px 0 !important;          /* 6px فوقًا و6px أسفلًا — متساويتان بالضرورة */
  }
  /* إلغاء أي هامش داخلي يخصّ نتائج البحث كان يُنقص الفجوة السفلية */
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-ajax-search-content,
  .elementor-4698 .elementor-element.elementor-element-49ef1200 .wpr-data-fetch{
    margin-top:0 !important; margin-bottom:0 !important;
  }
}

/* التابلت (768–1024px): كما كان — صف واحد بعروض 30 / 40 / 30 */
@media (min-width:768px) and (max-width:1024px){
  .elementor-4698 .elementor-element.elementor-element-ab6dbd6{ width:40% !important; }
  .elementor-4698 .elementor-element.elementor-element-7ee33f1b{ width:30% !important; }
  .elementor-4698 .elementor-element.elementor-element-f64f83b{ width:30% !important; }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icons-wrapper{
    gap:3px !important; justify-content:center !important;
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon{
    --icon-padding:0.4em !important; margin:0 !important;
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon i{ font-size:12px !important; }
}

/* ==========================================================================
   إصلاح مقيس (2026-09-16): الأيقونات كانت تنزل لسطر ثانٍ على الحاسب
   السبب: شبكة Elementor داخل عمود 16.754% (~168px متاح) والاحتياج ~183px
   الحل : توسيع عمود الأيقونات + تحويل الشبكة إلى صف مرن لا يلتف
   ========================================================================== */
@media (min-width:1025px){
  /* عمود الأيقونات: 16.754% ⇒ 19%  ·  عمود الشعار: 66.158% ⇒ 63.8%  (المجموع 99.16%) */
  .elementor-4698 .elementor-element.elementor-element-7ee33f1b{ width:19% !important; }
  .elementor-4698 .elementor-element.elementor-element-ab6dbd6{ width:63.8% !important; }
}
/* صف واحد لا يلتف — مهما كان عرض الشاشة */
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icons-wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-grid-item{
  flex:0 0 auto !important;
  width:auto !important;
}
.elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon{
  --icon-padding:0.62em !important;   /* دائرة ~34px */
  margin:0 !important;
  flex:0 0 auto !important;
}
/* شاشات حاسب ضيقة (1025–1200px): دائرة أصغر قليلًا لتبقى في صف واحد */
@media (min-width:1025px) and (max-width:1200px){
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icon{
    --icon-padding:0.52em !important;
  }
  .elementor-4698 .elementor-element.elementor-element-1ddc44a9 .elementor-social-icons-wrapper{
    gap:4px !important;
  }
}