/* ==========================================================================
   EAQARIUNYAWM - Modern Real Estate Theme (Header + Body + Footer Override)
   ضع هذا المقطع آخر ملف الـCSS
   ========================================================================== */

/* ===============================
   0) تحديث لوحة الألوان (عقاري عصري)
   =============================== */
:root{
  /* Brand: Navy + Gold */
  --ea-navy: #0b1f3b;          /* كحلي فخم */
  --ea-navy-2: #102a4c;
  --ea-gold: #b8942e;
  --ea-gold2:#a88421;
  --ea-gold-light:#fbf6e9;
  --ea-gold-gradient: linear-gradient(135deg, #b8942e 0%, #a88421 100%);

  /* Neutral system */
  --ea-bg: #f5f7fb;
  --ea-card: #ffffff;
  --ea-card-hover:#fbfcff;

  --ea-text:#0f172a;
  --ea-text-light:#334155;
  --ea-muted:#64748b;

  --ea-border: rgba(15, 23, 42, 0.10);
  --ea-border-light: rgba(15, 23, 42, 0.06);

  /* Shadows */
  --ea-shadow-sm: 0 2px 10px rgba(2, 6, 23, 0.06);
  --ea-shadow:    0 10px 26px rgba(2, 6, 23, 0.10);
  --ea-shadow-lg: 0 18px 46px rgba(2, 6, 23, 0.14);
  --ea-shadow-gold: 0 14px 24px rgba(184, 148, 46, 0.18);

  /* Radius */
  --ea-radius-sm: 10px;
  --ea-radius: 14px;
  --ea-radius-lg: 22px;
  --ea-radius-xl: 28px;

  /* Sizes */
  --ea-max-width: 1180px;
  --ea-header-height: 72px;
}

/* ===============================
   1) Body (إحساس أفخم + قراءة أفضل)
   =============================== */
body{
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(184,148,46,0.12), transparent 55%),
    radial-gradient(900px 500px at 90% -10%, rgba(11,31,59,0.10), transparent 55%),
    var(--ea-bg);
  color: var(--ea-text);
}

.container{ max-width: var(--ea-max-width); }

/* روابط: راقية */
a:hover{ color: var(--ea-gold2); }

/* بطاقات: نعومة أكثر */
.service-card,
.contact-card,
.asks-first-card,
.search-container,
.contact-form{
  border: 1px solid var(--ea-border-light);
  box-shadow: var(--ea-shadow-sm);
}
.service-card:hover,
.contact-card:hover,
.asks-first-card:hover{
  box-shadow: var(--ea-shadow);
  border-color: rgba(184,148,46,0.22);
}

/* ===============================
   2) Header / Navbar (عصري عقاري)
   =============================== */
.navbar{
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ea-border-light);
  height: var(--ea-header-height);
  box-shadow: var(--ea-shadow-sm);
}

/* خط ذهبي أنيق أعلى الهيدر */
.navbar::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 3px;
  background: var(--ea-gold-gradient);
  opacity: .9;
}

.navbar.scrolled{
  background: rgba(255,255,255,0.96);
  box-shadow: var(--ea-shadow);
}

/* الشعار */
.navbar-brand{
  color: var(--ea-navy);
  letter-spacing: .2px;
}
.navbar-brand span{
  color: var(--ea-gold);
}

/* الروابط */
.nav-link{
  color: var(--ea-text-light);
  font-weight: 650;
}
.nav-link:hover{ color: var(--ea-navy); }
.nav-link.active{
  color: var(--ea-navy);
}

/* underline أنظف */
.nav-link.active::after{
  height: 3px;
  border-radius: 999px;
  background: var(--ea-gold-gradient);
  opacity: .95;
}

/* أزرار الهيدر */
.btn{
  border-radius: 999px; /* شكل عصري */
  padding: .65rem 1.15rem;
}

.btn-outline{
  border: 1px solid rgba(11,31,59,0.18);
  color: var(--ea-navy);
  background: rgba(255,255,255,0.65);
}
.btn-outline:hover{
  border-color: rgba(184,148,46,0.55);
  color: var(--ea-gold2);
  box-shadow: 0 10px 22px rgba(2,6,23,0.08);
}

.btn-primary{
  background: linear-gradient(135deg, #0b1f3b 0%, #102a4c 55%, #0b1f3b 100%);
  color: #fff;
  box-shadow: 0 16px 26px rgba(11,31,59,0.22);
  position: relative;
  overflow: hidden;
}
.btn-primary::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 30% 20%, rgba(184,148,46,0.35), transparent 40%);
  opacity:.9;
}
.btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 34px rgba(11,31,59,0.26);
}

/* زر الجوال */
.navbar-toggle{
  border-radius: 12px;
  background: rgba(11,31,59,0.06);
}
.navbar-toggle:hover{
  background: rgba(184,148,46,0.12);
}

/* قائمة الجوال */
@media (max-width: 991px){
  .navbar-nav{
    background: rgba(255,255,255,0.97);
    border-left: 1px solid var(--ea-border-light);
  }
}

/* ===============================
   3) Search Box (إحساس VIP)
   =============================== */
.search-container{
  border-radius: var(--ea-radius-xl);
  box-shadow: var(--ea-shadow);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.98));
}

/* حقول الإدخال */
.form-control,
.bootstrap-select > .dropdown-toggle{
  border-radius: 14px;
  border-color: rgba(15,23,42,0.10);
  background: #fff;
}
.form-control:focus,
.bootstrap-select.open > .dropdown-toggle{
  border-color: rgba(184,148,46,0.75);
  box-shadow: 0 0 0 4px rgba(184,148,46,0.12);
}

/* زر البحث */
.search-btn{
  border-radius: 16px;
  background: var(--ea-gold-gradient);
  color: #fff;
  box-shadow: var(--ea-shadow-gold);
}
.search-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 28px rgba(184,148,46,0.26);
}

/* ===============================
   4) Footer (فخم كحلي + ذهب)
   =============================== */
.footer-area{
  background:
    radial-gradient(900px 500px at 15% -10%, rgba(184,148,46,0.18), transparent 55%),
    radial-gradient(900px 500px at 85% -10%, rgba(255,255,255,0.06), transparent 60%),
    linear-gradient(180deg, #0b1f3b 0%, #071a32 100%);
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.92);
}

/* عناوين الفوتر */
.footer-links h4,
.footer-brand h3{
  color: #fff;
  position: relative;
  padding-bottom: .6rem;
}
.footer-links h4::after,
.footer-brand h3::after{
  content:"";
  position:absolute;
  bottom:0;
  right:0; /* RTL */
  width: 56px;
  height: 3px;
  border-radius: 999px;
  background: var(--ea-gold-gradient);
  opacity: .95;
}

/* نصوص وروابط الفوتر */
.footer-brand p,
.footer-links a{
  color: rgba(255,255,255,0.78);
}
.footer-links a:hover{
  color: #fff;
  padding-right: .55rem;
}

/* خط سفلي */
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.72);
}

/* ===============================
   5) تحسينات عامة لعرض “عقاري”
   =============================== */

/* توحيد شكل الأقسام */
.section-title h2{
  color: var(--ea-navy);
}
.section-title p{ color: var(--ea-muted); }

/* البطاقات المهمة: لمسة ذهبية خفيفة */
.asks-first-circle,
.service-icon,
.contact-icon{
  background: rgba(184,148,46,0.12);
}

/* زر اكتشف المزيد */
.discover-more-btn{
  border-radius: 999px;
  background: rgba(11,31,59,0.06);
  color: var(--ea-navy) !important;
  border: 1px solid rgba(11,31,59,0.12);
}
.discover-more-btn:hover{
  background: rgba(184,148,46,0.14);
  border-color: rgba(184,148,46,0.35);
}