/* أنماط الهيدر القابلة للاختيار من لوحة التحكم — تعتمد على متغيرات ألوان القالب */
.site-header{transition:background .25s,box-shadow .25s}
.hs-strip{background:var(--secondary-accent);color:var(--on-primary);text-align:center;font-size:.85rem;font-weight:600;padding:.4rem 1rem}
.site-header .nav a[aria-current="page"]{color:var(--ink)}

/* 2 كبسولة عائمة */
.hs-pill{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:.6rem}
.hs-pill .top-in{background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);padding-inline:1rem}
.hs-pill .btn{border-radius:999px}

/* 3 زجاجي */
.hs-glass{background:color-mix(in srgb,var(--surface) 55%,transparent)!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)!important}

/* 4 شعار في المنتصف */
@media(min-width:961px){
.hs-centered .top-in{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.hs-centered .brand{grid-column:2;grid-row:1;justify-self:center;transform:scale(1.15)}
.hs-centered .nav{grid-column:1;grid-row:1;justify-self:start}
.hs-centered .nav-actions{grid-column:3;grid-row:1;justify-self:end}
}

/* 6 تبويبات */
.hs-tabs .nav{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:4px;gap:2px}
.hs-tabs .nav>a{border-radius:var(--radius);padding:.4rem .8rem}
.hs-tabs .nav>a[aria-current="page"]{background:var(--primary)!important;color:var(--on-primary)!important}

/* 7 خط سفلي */
.hs-underline{background:var(--bg)!important;border-bottom:2px solid var(--ink)!important;box-shadow:none!important}
.hs-underline .nav>a{position:relative;background:none!important}
.hs-underline .nav>a::after{content:"";position:absolute;inset-inline:.6rem;bottom:-2px;height:3px;background:var(--secondary-accent);transform:scaleX(0);transition:transform .25s}
.hs-underline .nav>a:hover::after,.hs-underline .nav>a[aria-current="page"]::after{transform:scaleX(1)}

/* 8 ملون جريء */
.hs-bold{background:var(--primary)!important;border:0!important;color:var(--on-primary)}
.hs-bold .nav>a,.hs-bold .header-more summary,.hs-bold .umenu-name{color:color-mix(in srgb,var(--on-primary) 80%,transparent)!important}
.hs-bold .nav>a[aria-current="page"]{color:var(--on-primary)!important;background:color-mix(in srgb,var(--on-primary) 14%,transparent)!important}
.hs-bold .btn{background:var(--on-primary)!important;color:var(--primary)!important;border-color:transparent!important}
.hs-bold .btn.ghost{background:transparent!important;color:var(--on-primary)!important;border-color:color-mix(in srgb,var(--on-primary) 50%,transparent)!important}
.hs-bold .nav-burger span{background:var(--on-primary)!important}

/* 9 مع بحث */
.hs-search-form{flex:1;max-width:320px;margin-inline:1rem}
.hs-search-form input{width:100%;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--ink);font:inherit;font-size:.9rem}
.hs-search-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}
@media(max-width:960px){.hs-search-form{display:none}}

/* 10 أيقونات فقط */
@media(min-width:961px){
.hs-icons .nav>a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hs-icons .nav>a{position:relative;width:40px;height:40px;display:grid!important;place-items:center;border-radius:50%;padding:0!important}
.hs-icons .nav>a[aria-current="page"]{background:color-mix(in srgb,var(--primary) 18%,transparent)!important;color:var(--primary)!important}
.hs-icons .nav>a:hover::after{content:attr(href);display:none}
}

/* 11 إطار متوهج */
.hs-neon{background:var(--bg)!important;border-bottom:1px solid var(--primary)!important;box-shadow:0 6px 30px color-mix(in srgb,var(--primary) 25%,transparent)!important}
.hs-neon .nav>a[aria-current="page"]{color:var(--primary)!important;text-shadow:0 0 12px var(--primary)}
.hs-neon .btn:not(.ghost){box-shadow:0 0 18px color-mix(in srgb,var(--primary) 60%,transparent)}

/* 12 منقسم بطاقات */
@media(min-width:961px){
.hs-split{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:.6rem}
.hs-split .brand,.hs-split .nav,.hs-split .nav-actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .9rem}
.hs-split .top-in{gap:.75rem}
}

/* 13 بسيط جداً */
@media(min-width:961px){
.hs-minimal .nav{display:none!important}
.hs-minimal .nav-burger{display:inline-flex!important}
}
.hs-minimal{background:transparent!important;border:0!important;box-shadow:none!important}
.hs-minimal.is-scrolled{background:var(--bg)!important}

/* 14 مرح بحدود سميكة */
.hs-candy{border-bottom:3px solid var(--ink)!important;box-shadow:0 4px 0 var(--ink)!important}
.hs-candy .btn{border:2px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink);font-weight:800}
.hs-candy .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hs-candy .nav>a[aria-current="page"]{background:var(--secondary-accent)!important;color:var(--on-primary)!important;border-radius:var(--radius)}

/* ===== توافق كل أنماط الهيدر مع جميع أحجام الجوال ===== */
.site-header{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}
.site-header .top-in{max-width:100%;box-sizing:border-box}
.site-header .nav-actions{min-width:0}
@media(max-width:960px){
  .hs-pill{padding-top:max(.5rem,env(safe-area-inset-top))}
  .hs-pill .top-in{margin-inline:.6rem;width:auto;padding-inline:.6rem}
  .hs-split .top-in,.hs-centered .top-in{display:flex!important}
  .hs-centered .brand{transform:none}
  .hs-bold .inbox-unread{background:var(--primary)!important;color:var(--on-primary)!important}
  .hs-bold .nav-burger{background:color-mix(in srgb,var(--on-primary) 12%,transparent)!important;border-color:color-mix(in srgb,var(--on-primary) 35%,transparent)!important;color:var(--on-primary)!important}
  .hs-bold .umenu-btn{background:color-mix(in srgb,var(--on-primary) 12%,transparent)!important;border-color:color-mix(in srgb,var(--on-primary) 30%,transparent)!important}
  .hs-candy{box-shadow:0 3px 0 var(--ink)!important}
  .hs-candy .btn{box-shadow:2px 2px 0 var(--ink)}
}
@media(max-width:560px){
  .hs-strip{font-size:.75rem;padding:.35rem .75rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hs-pill .top-in{margin-inline:.4rem;padding-inline:.45rem}
  .hs-underline .nav>a::after{inset-inline:.3rem}
}
@media(max-width:370px){
  .site-header .top-in{gap:6px!important}
  .site-header .nav-actions{gap:4px!important}
  .hs-pill .top-in{margin-inline:.25rem;padding-inline:.35rem}
  .site-header .umenu-btn .umenu-chev{display:none}
}
/* الجوال بالوضع الأفقي: هيدر أقل ارتفاعاً */
@media(max-height:500px) and (orientation:landscape){
  .site-header .top-in{min-height:48px!important}
  .hs-pill,.hs-split{padding-top:.3rem}
  .hs-strip{display:none}
}