/* ============================================================
   HEADER
   ============================================================ */
.site-header {
  position:fixed; top:0; left:0; right:0;
  height:var(--header-h); z-index:1000;
  transition:background .4s, backdrop-filter .4s, box-shadow .4s;
}
.site-header.scrolled {
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}
/* الحاوية الرئيسية (الرابط) */
.logo {
    display: flex;
    align-items: center;
    height: 100%; /* ليأخذ نفس ارتفاع الهيدر */
    text-decoration: none;
}

/* تنسيق صورة اللوجو نفسها */
.logo-img {
    height: 45px;    /* تحكم في حجم اللوجو من هنا */
    width: auto;     /* للحفاظ على أبعاد الصورة بدون مط */
    display: block;  /* لمنع وجود مسافات غريبة أسفل الصورة */
    object-fit: contain; /* يضمن احتواء الصورة داخل المساحة المحددة */
}

/* تعديل بسيط على الهيدر لضمان التوسط */
.header-inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 32px;
}
.header-inner { height:100%; display:flex; align-items:center; gap:32px; }
.site-header:not(.scrolled) .logo-main { color:var(--clr-white); }
.site-header:not(.scrolled) .logo-sub  { color:rgba(255,255,255,.6); }
.primary-nav { flex:1; display:none; }
@media(min-width:1024px){ .primary-nav{display:block;} }
.primary-nav ul { display:flex; gap:4px; justify-content:center; }
.nav-link { font-family:var(--ff-body); font-weight:500; font-size:14px; color:var(--clr-text); padding:6px 12px; border-radius:var(--radius-sm); transition:color .2s,background .2s; }
.nav-link:hover,.nav-link.active { color:var(--clr-red); }
.site-header:not(.scrolled) .nav-link { color:rgba(255,255,255,.85); }
.site-header:not(.scrolled) .nav-link:hover,.site-header:not(.scrolled) .nav-link.active { color:var(--clr-white); }
.header-cta { display:none; gap:10px; flex-shrink:0; }
@media(min-width:900px){ .header-cta{display:flex;} }
.header-cta .btn { padding:8px 20px; font-size:13px; }
.site-header:not(.scrolled) .header-cta .btn--outline { color:var(--clr-white); border-color:rgba(255,255,255,.6); }
.site-header:not(.scrolled) .header-cta .btn--outline:hover { background:rgba(255,255,255,.15); border-color:var(--clr-white); }
.hamburger { display:flex; flex-direction:column; gap:5px; padding:8px; margin-left:auto; }
@media(min-width:1024px){ .hamburger{display:none;} }
.hamburger span { display:block; width:22px; height:2px; background:var(--clr-dark); border-radius:2px; transition:all .3s; }
.site-header:not(.scrolled) .hamburger span { background:var(--clr-white); }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.mobile-nav { background:var(--clr-white); border-top:1px solid var(--clr-border); padding:16px 24px 24px; }
.mobile-nav[hidden] { display:none; }
.mobile-nav ul { display:flex; flex-direction:column; gap:4px; }
.mobile-nav .nav-link { display:block; padding:10px 0; font-size:16px; color:var(--clr-text); border-bottom:1px solid rgba(0,0,0,.05); }
.mobile-cta-row { display:flex; gap:12px; margin-top:16px; border-bottom:none !important; }
.mobile-cta-row .btn { flex:1; justify-content:center; }