/* =========================
   Home layout fixes (2026) - CLEAN (NO DUPLICATES)
   ========================= */

/* لا نلمس bootstrap .container */
.page-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
}

/* Hero */
.hero{
  text-align:center;
  margin: 28px 0 32px;
}
.hero h1{
  font-size: 28px;
  margin: 0 0 12px;
  line-height: 1.3;
}
.hero p{
  color:#0c0a0a;
  max-width: 720px;
  margin: 0 auto 18px;
  line-height: 1.8;
}

/* عام */
section{ margin-bottom: 48px; }
body{ line-height: 1.7; }

/* SAR icon */
.sar-icon{
  height:18px;
  width:auto;
  vertical-align:-3px;
  margin-inline-start:6px;
}

@media (max-width: 768px){
  .hero h1{ font-size: 22px; }
}

/* ===================================================================
   EAQARIUNYAWM - Modern Fix (NO ADDONS / CSS ONLY) - CLEAN
   Targets:
   - Auth buttons (top right)
   - Golden search bar (HOME ONLY)  ✅ (بدون تكرار .search-bar العام)
   - "All properties" small card
   - "What are you looking for?" wide card
   =================================================================== */

:root{
  --ea-text:#111827;
  --ea-muted:#6b7280;
  --ea-line:rgba(17,24,39,.10);
  --ea-gold:#b8942e;
  --ea-gold2:#a88421;
  --ea-radius:16px;
  --ea-shadow:0 14px 34px rgba(16,24,40,.08);
  --ea-shadow2:0 10px 22px rgba(16,24,40,.06);
}

/* منع أي تمدد أفقي بسبب عناصر بالقالب */
html, body{ max-width:100%; overflow-x:hidden; }

/* =========================================================
   1) AUTH BUTTONS (بدون تغيير HTML)
   ========================================================= */

/* أغلب القوالب تحطها داخل .navbar .button.navbar-right */
.navbar .button.navbar-right,
.navbar .navbar-right.button{
  display:flex !important;
  align-items:center;
  gap:10px;
  margin:0 !important;
  float:none !important;
  position: static !important;
}

/* شكل الأزرار نفسها (روابط أو أزرار) */
.navbar .button.navbar-right a,
.navbar .button.navbar-right .btn,
.navbar .navbar-right.button a,
.navbar .navbar-right.button .btn{
  border: 1px solid var(--ea-line) !important;
  background:#fff !important;
  color: var(--ea-text) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(16,24,40,.06) !important;
  text-decoration:none !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.navbar .button.navbar-right a:hover,
.navbar .button.navbar-right .btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(16,24,40,.10) !important;
  border-color: rgba(184,148,46,.35) !important;
}

/* ترتيب الهيدر في الديسكتوب: القائمة بالوسط والأزرار يمين */
@media (min-width: 768px){
  .navbar .navbar-collapse{
    display:flex !important;
    align-items:center;
    justify-content:center;
  }
  .navbar .navbar-nav{
    float:none !important;
    margin:0 auto !important;
    display:flex;
    gap:10px;
  }
  html[dir="rtl"] .navbar .button.navbar-right{ margin-right:auto !important; }
  html[dir="ltr"] .navbar .button.navbar-right{ margin-left:auto !important; }
}

/* =========================================================
   2) GOLD SEARCH BAR (HOME ONLY) ✅
   - توسيط الشريط
   - صف واحد في الديسكتوب
   - دعم bootstrap-select
   - إخفاء زر ☰ بالديسكتوب وإظهاره بالجوال
   ========================================================= */

/* يمنع floats القديمة من القالب داخل منطقة البحث بالهوم فقط */
.slider-area .search-form,
.slider-area .search-form *{
  float:none !important;
}

/* Wrapper اسمه .search-bar داخل الهوم */
.slider-area .search-form .search-bar{
  width: 100% !important;
  max-width: 980px !important;
  margin: 16px auto 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap: nowrap !important;

  direction: rtl;
}

/* bootstrap-select يتمدد */
.slider-area .search-form .search-bar .bootstrap-select{
  flex: 1 1 0;
  min-width: 170px;
  width:auto !important;
}

/* توحيد الارتفاع والشكل */
.slider-area .search-form .search-bar .bootstrap-select > .dropdown-toggle,
.slider-area .search-form .search-bar input,
.slider-area .search-form .search-bar select,
.slider-area .search-form .search-bar button{
  height: 46px !important;
  border-radius: 10px !important;
}

/* زر البحث (العدسة) */
.slider-area .search-form .search-bar .search-btn,
.slider-area .search-form .search-bar button[type="submit"],
.slider-area .search-form .search-bar .btn[type="submit"]{
  flex: 0 0 56px;
  width: 56px !important;
  height: 46px !important;
  border: 0 !important;
  background: linear-gradient(180deg, var(--ea-gold), var(--ea-gold2)) !important;
  color:#fff !important;
  box-shadow: 0 14px 22px rgba(184,148,46,.18) !important;
}

/* زر ☰ داخل شريط البحث (إن وجد) — نخفيه بالديسكتوب */
@media (min-width: 992px){
  .slider-area .search-form .search-bar .ea-mobile-toggle,
  .slider-area .search-form .search-bar .toggle-btn,
  .slider-area .search-form .search-bar .navbar-toggle,
  .slider-area .search-form .search-bar .toggle-menu,
  .slider-area .search-form .search-bar .mobile-menu-btn{
    display: none !important;
  }
}

/* الجوال: يصير عمودي ومريح */
@media (max-width: 991px){
  .slider-area .search-form .search-bar{
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .slider-area .search-form .search-bar .bootstrap-select{
    flex: 1 1 100%;
    min-width: 0;
  }

  .slider-area .search-form .search-bar .search-btn,
  .slider-area .search-form .search-bar button[type="submit"],
  .slider-area .search-form .search-bar .btn[type="submit"]{
    flex: 1 1 100%;
    width: 100% !important;
  }

  /* لو عندك زر ☰ مخصص للجوال داخل الشريط */
  .slider-area .search-form .search-bar .ea-mobile-toggle,
  .slider-area .search-form .search-bar .toggle-btn{
    width: 100% !important;
    height: 46px !important;
  }
}

/* =========================================================
   3) "جميع العقارات" CARD (المربع الصغير)
   ========================================================= */

.box-tree.more-proerty,
.more-proerty.text-center{
  background:#fff !important;
  border:1px solid var(--ea-line) !important;
  border-radius: var(--ea-radius) !important;
  box-shadow: var(--ea-shadow2) !important;
  padding: 16px !important;
}

/* الأيقونة داخلها */
.box-tree .item-tree-icon,
.more-proerty .item-tree-icon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  margin: 0 auto 10px;
  display:grid;
  place-items:center;
  background: rgba(184,148,46,.12);
  color: var(--ea-gold);
}

/* زر جميع العقارات */
.box-tree .btn,
.more-proerty .btn,
button.border-btn.more-black{
  border: 0 !important;
  background: linear-gradient(180deg, var(--ea-gold), var(--ea-gold2)) !important;
  color:#fff !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 22px rgba(184,148,46,.18) !important;
}

/* =========================================================
   4) "ما الذي تبحث عنه؟" WIDE CARD
   ========================================================= */

.boy-sale-area .asks-first{
  background:#fff !important;
  border:1px solid var(--ea-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--ea-shadow) !important;
  padding: 18px !important;

  display:flex !important;
  align-items:center !important;
  gap: 14px !important;
}

/* دائرة الأيقونة */
.boy-sale-area .asks-first-circle{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(184,148,46,.12);
  color: var(--ea-gold);
  flex: 0 0 56px;
}

/* النص */
.boy-sale-area .asks-first-info h2{
  margin:0;
  font-weight: 900;
  color: var(--ea-text);
  font-size: 22px;
}
.boy-sale-area .asks-first-info p{
  margin-top: 8px;
  color: var(--ea-muted);
  line-height: 1.9;
}

/* سهم اليمين */
.boy-sale-area .asks-first-arrow{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(17,24,39,.04);
  color: var(--ea-text);
  flex: 0 0 46px;
}

/* الجوال: يكون عمودي */
@media (max-width: 991px){
  .boy-sale-area .asks-first{
    flex-direction: column;
    text-align:center;
  }
  .boy-sale-area .asks-first-arrow{ display:none !important; }
}