/* ============================================================
   Drones Hub — هيدر الصفحة الرئيسية الموحّد  (2026-09-23)
   نفس هيدر الصفحات الداخلية: تبويبات Cairo بخط ذهبي تحت النشط، قوائم
   منسدلة، بحث دائري، كرة EN — مع الإبقاء على شكل هيدر الرئيسية نفسه.
   ============================================================ */

/* زرّا «العودة» و«مواقعي» (duae-hubreturn.js) لا يظهران في صف الهيدر
   كما في الصفحات الداخلية — روابطهما صارت داخل «المزيد ▾» تحت «مواقعنا». */
.site-header .duae-hr{ display:none !important }

/* ---------- التبويبات ---------- */
.site-header .desktop-nav{ display:flex; align-items:center; gap:2px }
.site-header button.nav-link{ display:inline-flex; align-items:center; gap:4px; margin:0; cursor:pointer;
  background:transparent; border:0; font-family:inherit; line-height:normal }
.site-header .hubnav-btn i{ font-style:normal; font-size:.72em; opacity:.6 }
.site-header .hubnav-grp{ position:relative }
.site-header .hubnav-grp.is-open > .nav-link{ color:#302f2c }
.site-header .hubnav-grp.is-open > .nav-link::after{ transform:scaleX(1) }

/* ---------- القوائم المنسدلة (نفس قيم الصفحات الداخلية) ---------- */
.site-header .hubnav-drop{
  position:absolute; top:calc(100% + 12px); inset-inline-start:0; z-index:130;
  min-width:220px; padding:6px; display:none; text-align:start;
  background:#fffdf9; border:1px solid #d9d0c2; border-radius:14px;
  box-shadow:0 22px 54px rgba(75,65,51,.20) }
.site-header .hubnav-grp.is-open > .hubnav-drop{ display:block }
.site-header .hubnav-grp.is-open > .hubnav-drop.has-cols{ display:grid; grid-template-columns:repeat(2, minmax(190px, auto)); gap:2px 8px }
.site-header .hubnav-item{
  display:block; padding:.5rem .72rem; border-radius:10px; color:#302f2c; text-decoration:none;
  font-size:.84rem; font-weight:700; white-space:nowrap; line-height:1.45 }
.site-header .hubnav-item:hover,.site-header .hubnav-item:focus-visible{ background:rgba(192,151,91,.14); outline:none }
.site-header .hubnav-item.is-sub{ padding-inline-start:1.35rem; font-size:.8rem; font-weight:600; color:#605b53 }
.site-header .hubnav-head{ display:block; padding:.5rem .72rem .15rem; font-size:.7rem; font-weight:800; color:#8a7a62 }

/* ---------- البحث ---------- */
.hh-search{ position:relative; display:flex; align-items:center }
.hh-sbtn{
  width:40px; height:40px; flex:0 0 auto; padding:0; border-radius:50%; font-size:0; color:transparent; cursor:pointer;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='%231C1F25' stroke-width='2.1' stroke-linecap='round'><circle cx='10.5' cy='10.5' r='6.4'/><path d='M15.4 15.4 L20 20'/></g></svg>") center/44% 44% no-repeat,
    radial-gradient(circle at 33% 25%,#fffdf9 0%,#f3eee5 24%,#e6dfd2 56%,#a89a84 100%);
  border:1px solid #c7bba9;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 -3px 8px rgba(75,65,51,.10) inset, 0 3px 8px rgba(75,65,51,.12);
  transition:transform .15s ease }
.hh-sbtn:hover{ transform:translateY(-1px) scale(1.05) }
.hh-sbtn:focus-visible{ outline:2px solid #876130; outline-offset:2px }
.hh-search input{
  width:0; height:40px; padding:0; margin:0; border:0; opacity:0; border-radius:999px; box-sizing:border-box;
  font:600 .86rem/1.2 "Cairo", system-ui, "Segoe UI", Tahoma, sans-serif; color:#302f2c; background:#fffdf9;
  transition:width .22s ease, opacity .18s ease, padding .22s ease }
.hh-search.is-open input{ width:clamp(160px, 18vw, 240px); opacity:1; padding:0 .9rem; margin-inline-end:6px; border:1px solid #c7bba9 }
.hh-search input:focus{ outline:2px solid rgba(201,138,58,.45); outline-offset:1px }
.hh-res{
  position:absolute; top:calc(100% + 10px); inset-inline-end:0; z-index:140; display:none;
  width:min(360px, 86vw); max-height:60vh; overflow:auto; padding:6px;
  background:#fffdf9; border:1px solid #d9d0c2; border-radius:14px; box-shadow:0 22px 54px rgba(75,65,51,.20);
  font-family:"Cairo", system-ui, "Segoe UI", Tahoma, sans-serif }
.hh-res.on{ display:block }
.hh-hit{ display:block; padding:.55rem .7rem; border-radius:10px; text-decoration:none; color:#302f2c }
.hh-hit b{ display:block; font-size:.86rem; font-weight:800; color:#7d5324 }
.hh-hit small{ display:block; margin-top:.1rem; font-size:.76rem; line-height:1.5; color:#605b53 }
.hh-hit:hover,.hh-hit:focus-visible{ background:rgba(192,151,91,.14); outline:none }
.hh-none{ display:block; padding:.6rem .7rem; font-size:.8rem; color:#8a7a62 }

/* ---------- كرة EN / AR ---------- */
.hh-lang{
  position:relative; display:block; width:46px; height:46px; flex:0 0 auto; box-sizing:border-box;
  border-radius:50%; font-size:0; color:transparent; text-decoration:none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><g fill='none' stroke='%233C4149' stroke-width='1.15' opacity='.72'><circle cx='24' cy='24' r='19'/><ellipse cx='24' cy='24' rx='7.5' ry='19'/><ellipse cx='24' cy='24' rx='14' ry='19'/><path d='M5 24h38M9 14h30M9 34h30'/></g><text x='15.5' y='20' font-family='Arial,Helvetica,sans-serif' font-size='8.5' font-weight='700' fill='%231C1F25'>EN</text><text x='24' y='36' font-family='Arial,Helvetica,sans-serif' font-size='8.5' font-weight='700' fill='%231C1F25'>AR</text></svg>"), radial-gradient(circle at 33% 25%, rgb(249, 247, 243) 0%, rgb(233, 228, 219) 20%, rgb(233, 228, 219) 52%, rgb(100, 95, 86) 78%, rgb(100, 95, 86) 100%);
  background-size:86% 86%, auto; background-position:center; background-repeat:no-repeat;
  border:1px solid #7d5324;
  box-shadow:inset 0 1px 0 rgba(75,65,51,.16), inset 0 -4px 10px rgba(75,65,51,.09), 0 0 0 3px rgba(192,151,91,.22), 0 3px 8px rgba(75,65,51,.08) }
.hh-lang::after{
  content:attr(data-lang); position:absolute; top:28px; right:16px; bottom:-4px; left:-4px; padding:0 5px;
  font:800 11px/11px Arial, "Segoe UI", sans-serif; letter-spacing:.22px; color:#302f2c;
  background:#c0975b; border:1px solid #a69b8a; border-radius:999px; box-shadow:0 1px 3px rgba(75,65,51,.114);
  min-width:20px; text-align:start; display:flex; align-items:center }
.hh-lang:focus-visible{ outline:2px solid #876130; outline-offset:3px }

/* ---------- قائمة الهاتف: مجموعات بعناوين ---------- */
.mobile-menu .hh-mhead{ display:block; padding:.7rem .9rem .25rem; font-size:.78rem; font-weight:900; color:#7d5324 }
.mobile-menu .hh-mhead.hh-msub{ padding-top:.35rem; font-size:.7rem; font-weight:800; color:#8a7a62 }
.mobile-menu a.is-sub{ padding-inline-start:1.6rem; font-size:.82rem }

/* ---------- نفس نقاط الانكسار في الصفحات الداخلية ---------- */
@media (max-width:1240px){ .site-header .status-pill{ display:none } }
@media (max-width:1120px){ .site-header .desktop-nav .nav-link{ display:inline-flex !important } }
@media (max-width:960px){
  .site-header .desktop-nav{ display:none !important }
  .site-header .menu-toggle{ display:grid !important }
}
@media (max-width:700px){ .mobile-menu a{ min-height:42px } }
@media (max-width:520px){ .hh-search.is-open input{ width:128px } }

/* ---------- مطابقة أخيرة للصفحات الداخلية ---------- */
.site-header .desktop-nav{ margin-inline:auto }            /* التبويبات في المنتصف بين الشعار والأزرار */
.site-header .brand__logo-wrap{ position:relative; overflow:visible }
.site-header .duae-origin-mark{                             /* شارة ↗ «ينقلك للموقع الأصلي» */
  position:absolute; left:-3px; bottom:-3px; z-index:2; width:18px; height:18px; box-sizing:border-box;
  display:grid; place-items:center; font:900 11px/11px Arial, "Segoe UI", sans-serif; color:#7d5324;
  background:#fff; border:1px solid #c0975b; border-radius:999px; box-shadow:0 2px 8px rgba(75,65,51,.18) }