/* ===================================================================
   Black Wall — الترويسة
   =================================================================== */
#header{position:sticky;top:0;z-index:150}
.admin-bar #header{top:32px}
@media (max-width:782px){ .admin-bar #header{top:46px} }

#header [data-row]{background-color:#08090b}
#header [data-row="middle"]{
  border-bottom:1px solid rgba(201,164,76,.16);
  transition:background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}
#header .ct-container{max-width:1280px}

/* توزيع مطابق لمواقع العلامات: الشعار ثم القائمة، والأيقونات في الطرف المقابل */
#header [data-column="start"]{flex:0 0 auto}
#header [data-column="end"]{flex:1 1 auto;min-width:0}
#header [data-column="end"] > [data-items]{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
#header .header-menu-1{margin-inline-start:clamp(20px,3.4vw,52px)}
#header [data-column="end"] [data-id="search"],
#header [data-column="end"] .ct-header-search{margin-inline-start:auto}

/* ارتفاع الصف عبر الأجهزة */
#header [data-row="middle"] > .ct-container{min-height:88px;transition:min-height .3s ease}
@media (max-width:1199px){ #header [data-row="middle"] > .ct-container{min-height:78px} }
@media (max-width:999px){  #header [data-row="middle"] > .ct-container{min-height:70px} }
@media (max-width:600px){  #header [data-row="middle"] > .ct-container{min-height:62px} }

/* ---------- الشعار ---------- */
#header .site-branding .site-title,
#header .site-branding .site-description{display:none}
#header .site-logo-container{display:flex;align-items:center;line-height:0}
#header .site-logo-container img{
  height:58px;width:auto;max-height:none;
  transition:height .3s ease;
}
@media (max-width:1199px){ #header .site-logo-container img{height:52px} }
@media (max-width:999px){  #header .site-logo-container img{height:46px} }
@media (max-width:600px){  #header .site-logo-container img{height:40px} }
@media (max-width:380px){  #header .site-logo-container img{height:34px} }

/* ---------- القائمة ---------- */
#header .header-menu-1 .menu{align-items:center}
#header .ct-menu-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  font-size:15px;
  font-weight:500;
  letter-spacing:.015em;
  line-height:1;
  color:#e9e8e5;
  padding:18px 15px;
  transition:color .22s ease;
}
@media (min-width:1200px){ #header .ct-menu-link{padding-inline:18px} }
#header .menu-item:hover > .ct-menu-link,
#header .current-menu-item > .ct-menu-link,
#header .current-menu-ancestor > .ct-menu-link{color:#c9a44c}
#header .ct-menu-link::after{
  content:"";
  position:absolute;
  inset-inline:15px;
  bottom:12px;
  height:1.5px;
  background:#c9a44c;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
html[dir="ltr"] #header .ct-menu-link::after{transform-origin:left}
#header .menu-item:hover > .ct-menu-link::after,
#header .current-menu-item > .ct-menu-link::after{transform:scaleX(1)}

/* ---------- الأيقونات ---------- */
#header [data-id="search"],
#header .ct-header-search,
#header .ct-toggle{color:#e9e8e5}
#header [data-id="search"] svg,
#header .ct-header-search svg{width:19px;height:19px}
#header svg{color:currentColor;fill:currentColor;transition:color .22s ease}
#header [data-id="search"]:hover,
#header .ct-header-search:hover,
#header .ct-toggle:hover{color:#c9a44c}

/* ---------- زر الترويسة ---------- */
.bw-head-cta{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  margin-inline-start:20px;
  padding:.78em 1.35em;
  border:1px solid rgba(201,164,76,.55);
  border-radius:999px;
  color:#c9a44c;
  font-size:.9rem;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.bw-head-cta svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bw-head-cta:hover{background:#c9a44c;color:#08090b;border-color:#c9a44c;transform:translateY(-1px)}
@media (max-width:999px){ .bw-head-cta{display:none} }

/* ---------- عند التمرير ---------- */
#header.bw-scrolled [data-row="middle"]{
  background-color:rgba(8,9,11,.9);
  -webkit-backdrop-filter:blur(12px);
          backdrop-filter:blur(12px);
  box-shadow:0 14px 34px -22px rgba(0,0,0,.95);
  border-bottom-color:rgba(201,164,76,.28);
}
#header.bw-scrolled [data-row="middle"] > .ct-container{min-height:70px}
#header.bw-scrolled .site-logo-container img{height:46px}
@media (max-width:999px){
  #header.bw-scrolled [data-row="middle"] > .ct-container{min-height:62px}
  #header.bw-scrolled .site-logo-container img{height:40px}
}

/* ---------- قائمة الجوال ---------- */
#offcanvas .ct-panel-inner,
#offcanvas .ct-panel-content{background:#0a0b0d}
#offcanvas .ct-menu-link{color:#edece9;font-size:1.05rem;font-weight:500;padding-block:14px}
#offcanvas .ct-menu-link:hover,
#offcanvas .current-menu-item > .ct-menu-link{color:#c9a44c}
#offcanvas .ct-toggle-close{color:#edece9}
#offcanvas .menu > li + li{border-top:1px solid rgba(255,255,255,.08)}

@media (prefers-reduced-motion:reduce){
  #header *,#header{transition:none !important}
}


/* ---------- القوائم المنسدلة ---------- */
#header .sub-menu{
  background:#0d0f12;
  border:1px solid rgba(201,164,76,.2);
  border-radius:12px;
  padding:8px;
  box-shadow:0 26px 50px -28px rgba(0,0,0,.95);
  min-width:230px;
}
#header .sub-menu li + li{border-top:0}
#header .sub-menu .ct-menu-link{
  padding:11px 14px;
  border-radius:8px;
  font-size:14.5px;
  width:100%;
}
#header .sub-menu .ct-menu-link::after{display:none}
#header .sub-menu .menu-item:hover > .ct-menu-link{background:rgba(201,164,76,.12);color:#c9a44c}

/* ---------- الشريط العلوي ---------- */
.bw-topbar{
  background:#050607;
  color:#9b9ea4;
  font-size:.82rem;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.bw-topbar__inner{
  display:flex;flex-wrap:wrap;gap:8px 22px;
  align-items:center;justify-content:space-between;
  padding-block:9px;
}
.bw-topbar a{color:#c7c9ce;text-decoration:none;transition:color .2s ease}
.bw-topbar a:hover{color:#c9a44c}
.bw-topbar__list{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin:0;padding:0;list-style:none}
.bw-topbar__list li{display:inline-flex;align-items:center;gap:.45em}
.bw-topbar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#c9a44c}
@media (max-width:760px){ .bw-topbar{display:none} }


/* ===================================================================
   ترويسة الجوال — بنفس ترتيب ومسافات الموقع المرجعي
   =================================================================== */
@media (max-width:999px){
  #header [data-device="mobile"] [data-row="middle"] > .ct-container{
    min-height:64px;
    padding-inline:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  #header [data-device="mobile"] [data-column="start"]{flex:0 0 auto}
  #header [data-device="mobile"] [data-column="end"]{flex:0 0 auto}
  #header [data-device="mobile"] [data-column="end"] > [data-items]{
    display:flex;
    align-items:center;
    gap:20px;
  }
  #header [data-device="mobile"] .site-branding .site-title-container{display:none}
  #header [data-device="mobile"] .site-logo-container img{height:40px}
  #header.bw-scrolled [data-device="mobile"] .site-logo-container img{height:36px}
  #header [data-device="mobile"] .ct-toggle,
  #header [data-device="mobile"] .ct-header-search{
    padding:6px;
    background:none;
    border:0;
    color:#edece9;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
  }
  #header [data-device="mobile"] .ct-header-search svg{width:19px;height:19px}
  #header [data-device="mobile"] .ct-toggle svg{width:21px;height:17px}
  #header [data-device="mobile"] .ct-toggle:hover,
  #header [data-device="mobile"] .ct-header-search:hover{color:#c9a44c}
  #header.bw-scrolled [data-device="mobile"] [data-row="middle"] > .ct-container{min-height:58px}
}
@media (max-width:380px){
  #header [data-device="mobile"] [data-column="end"] > [data-items]{gap:14px}
  #header [data-device="mobile"] .site-logo-container img{height:34px}
}

/* ---------- نافذة البحث المخصصة ---------- */
.bw-search{
  position:fixed;
  inset:0;
  z-index:99998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,6vw,60px);
  background:rgba(6,7,9,.95);
  -webkit-backdrop-filter:blur(14px);
          backdrop-filter:blur(14px);
  opacity:0;
  transition:opacity .22s ease;
}
.bw-search.is-open{opacity:1}
.bw-search[hidden]{display:none}
.bw-search__inner{width:min(720px,100%);text-align:center}
.bw-search__eyebrow{
  margin:0 0 18px;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.16em;
  color:#c9a44c;
}
.bw-search__form{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 6px 6px 18px;
  border:1px solid rgba(201,164,76,.45);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  transition:border-color .2s ease;
}
.bw-search__form:focus-within{border-color:#c9a44c}
.bw-search__field{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#f5f4f2;
  font-size:clamp(1rem,.95rem + .4vw,1.15rem);
  font-family:inherit;
  padding:14px 10px;
}
.bw-search__field::placeholder{color:rgba(255,255,255,.4)}
.bw-search__submit{
  flex:none;
  width:48px;height:48px;
  display:grid;place-items:center;
  border:0;
  border-radius:50%;
  background:#c9a44c;
  color:#08090b;
  cursor:pointer;
  transition:transform .18s ease;
}
.bw-search__submit:hover{transform:scale(1.06)}
.bw-search__submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bw-search__hint{margin:16px 0 0;font-size:.82rem;color:rgba(255,255,255,.4)}
.bw-search__close{
  position:absolute;
  inset-block-start:clamp(14px,3vw,26px);
  inset-inline-end:clamp(14px,3vw,26px);
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:transparent;
  color:#edece9;
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.bw-search__close:hover{color:#c9a44c;border-color:#c9a44c}
.bw-search__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
@media (max-width:600px){ .bw-search__hint{display:none} }


/* تثبيت مظهر حقل البحث فوق تنسيقات القالب */
.bw-search input[type="search"].bw-search__field,
.bw-search .bw-search__field{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  -webkit-appearance:none;
          appearance:none;
}
.bw-search button.bw-search__submit,
.bw-search .bw-search__submit{
  background:#c9a44c !important;
  color:#08090b !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}
.bw-search button.bw-search__close{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}
.bw-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}