/* === Modern Blue Header (RTL) === */
.navbar-area.header-bar{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  position:sticky;
  top:0;
  z-index:1000;
}
.header-row-flex{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-height:76px;
}
.header-col{ display:flex; align-items:center; gap:16px; }

/* Right: Logo + Auth */
.header-right-col{ order:3; }
.site-logo-img{ height:56px; width:auto; display:block; }
.auth-mini{ display:flex; gap:10px; }
.auth-btn{
  border:1px solid #3b5bdb; color:#3b5bdb; background:#fff;
  padding:8px 14px; border-radius:10px; font-weight:600; text-decoration:none;
}
.auth-btn:hover{ background:#3b5bdb; color:#fff; }

/* Center: Menu */
.header-center-col{ order:2; flex:1; justify-content:center; }
.inline-main-menu{ display:flex; gap:24px; list-style:none; margin:0; padding:0; }
.inline-main-menu > li { position:relative; }
.inline-main-menu > li > a{ color:#0f172a; text-decoration:none; font-weight:600; }
.inline-main-menu > li > a.active,
.inline-main-menu > li > a:hover{ color:#3b5bdb; }
.dropdown-menu-custom{
  position:absolute; right:0; top:calc(100% + 10px);
  min-width:220px; background:#fff; border:1px solid #e5e7eb;
  border-radius:10px; padding:12px 16px; box-shadow:0 24px 48px rgba(0,0,0,.08);
  display:none; z-index:2000; text-align:right;
}
.inline-main-menu > li.has-drop:hover > .dropdown-menu-custom{ display:block; }
.dropdown-menu-custom a{ color:#111; text-decoration:none; display:block; padding:6px 0; }
.dropdown-menu-custom a:hover{ color:#3b5bdb; }

/* Left: CTA + Contact + Search */
.header-left-col{ order:1; }
.loan-btn-main{
  background:#3b5bdb; color:#fff; border-radius:12px;
  padding:10px 20px; text-decoration:none; font-weight:700;
  display:inline-block;
}
.loan-btn-main:hover{ opacity:.9; }
.tel-row{ display:flex; align-items:center; gap:8px; }
.tel-text{ line-height:1.2; }
.tel-label{ font-weight:700; font-size:13px; color:#0f172a; }
.tel-number{ color:#0f172a; font-weight:700; text-decoration:none; }
.tel-number:hover{ color:#3b5bdb; }
.search-toggle{ background:transparent; border:0; cursor:pointer; font-size:22px; color:#0f172a; }

/* Keep hero below header */
.main-banner-area, .main-banner, .banner-area{ padding-top:120px; position:relative; z-index:1; }

/* Ensure banner uses original theme colors (remove gray overrides) */
.main-banner-area, .main-banner, .banner-area{
  background: transparent; /* let theme's css draw the blue */
}
.main-banner-area::before, .main-banner::before, .banner-area::before{ /* keep theme overlay */
  /* no override */
}

/* Responsive */
@media (max-width: 991px){
  .header-row-flex{ flex-wrap:wrap; row-gap:10px; }
  .header-right-col, .header-center-col, .header-left-col{ order:unset; flex:1 1 100%; justify-content:space-between; }
  .header-center-col{ justify-content:center; }
  .inline-main-menu{ flex-wrap:wrap; gap:14px; justify-content:center; }
}