/* ==========================================================================
   الشبكة نيوز — أشكال الهيدر العشرة
   ========================================================================== */

.shb-header{position:relative;z-index:700;background:var(--shb-card)}
.shb-header a{color:inherit}

/* ---------- الشريط العلوي ---------- */
.shb-topbar{background:var(--shb-bg);border-bottom:1px solid var(--shb-border);font-size:13px}
.shb-topbar.is-dark{background:var(--shb-secondary);border-color:rgba(255,255,255,.08);color:#cbd5e1}
.shb-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px}
.shb-tb-right,.shb-tb-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.shb-hdate{display:inline-flex;align-items:center;gap:6px;color:var(--shb-muted);font-weight:600}
.shb-topbar.is-dark .shb-hdate{color:#94a3b8}
.shb-hdate svg{width:14px;height:14px}
.shb-topmenu{display:flex;gap:16px;list-style:none;margin:0;padding:0;font-weight:700}
.shb-topmenu a:hover{color:var(--shb-primary)}

/* ---------- الشعار ---------- */
.shb-logo{display:flex;flex-direction:column;justify-content:center;gap:3px}
.shb-logo img{max-height:56px;width:auto}
.shb-logo-text{font-family:var(--shb-font-head);font-size:30px;font-weight:900;letter-spacing:-.6px;line-height:1.2}
.shb-logo-text::first-letter{color:var(--shb-primary)}
.shb-tagline{font-size:12.5px;color:var(--shb-muted);font-weight:600}
.shb-logo.is-center{align-items:center;text-align:center}
.shb-logo.is-inline img{max-height:40px}
.shb-logo.is-inline .shb-logo-text{font-size:23px}

/* ---------- الوسط ---------- */
.shb-hmid{background:var(--shb-card);padding:18px 0}
.shb-hmid-in{display:flex;align-items:center;justify-content:space-between;gap:24px}
.shb-hmid-side{display:flex;align-items:center;gap:14px;flex:1;justify-content:flex-end;max-width:62%}
.shb-header-ad{max-width:728px}
.shb-header-ad img{margin-inline-start:auto}
.shb-ad-ph{display:grid;place-items:center;width:728px;max-width:100%;height:90px;background:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 10px,transparent 10px,transparent 20px);border:1px dashed var(--shb-border);border-radius:var(--shb-radius-sm);color:var(--shb-muted);font-size:13px}
.shb-hmid.is-center{text-align:center;padding:14px 0 18px}
.shb-hcenter-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}

/* ---------- شريط القائمة ---------- */
.shb-navbar{background:var(--shb-card);border-top:1px solid var(--shb-border);border-bottom:1px solid var(--shb-border)}
.shb-navbar-in{display:flex;align-items:center;gap:16px;min-height:52px}
.shb-navbar.is-dark{background:var(--shb-secondary);border-color:transparent;color:#fff}
.shb-navbar.is-dark a{color:#e8edf5}
.shb-navbar.is-dark .shb-menu>li>a:hover,.shb-navbar.is-dark .shb-menu>li.current-menu-item>a{color:#fff;background:rgba(255,255,255,.1)}
.shb-navbar.is-solo{border-top:0;padding:8px 0;box-shadow:var(--shb-shadow)}
.shb-navbar.is-solo .shb-navbar-in{min-height:58px}
.shb-navbar.is-center .shb-navbar-in{justify-content:center}
.shb-navbar.is-center .shb-nav{flex:0 1 auto}
.shb-navbar.is-glass{background:rgba(9,13,21,.45);backdrop-filter:blur(10px);border:0;color:#fff}
.shb-navbar.is-glass a{color:#fff}

/* القائمة */
.shb-nav{flex:1;min-width:0}
.shb-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.shb-menu>li{position:relative}
.shb-menu>li>a{display:block;padding:11px 14px;font-weight:800;font-size:15.5px;border-radius:var(--shb-radius-sm);transition:.2s}
.shb-menu>li>a:hover,.shb-menu>li.current-menu-item>a,.shb-menu>li.current-menu-parent>a{color:var(--shb-primary);background:rgba(200,16,46,.07)}
.shb-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-inline-start:7px;opacity:.7}
.shb-menu ul{position:absolute;top:100%;inset-inline-start:0;min-width:215px;background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);box-shadow:var(--shb-shadow-lg);padding:7px;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(9px);transition:.22s;z-index:50}
.shb-menu li:hover>ul,.shb-menu li:focus-within>ul{opacity:1;visibility:visible;transform:none}
.shb-menu ul li a{display:block;padding:9px 12px;font-size:14.5px;font-weight:700;border-radius:var(--shb-radius-sm);color:var(--shb-text)}
.shb-menu ul li a:hover{background:var(--shb-bg);color:var(--shb-primary)}
.shb-menu ul ul{top:0;inset-inline-start:100%}
.shb-navbar.is-dark .shb-menu ul li a{color:var(--shb-text)}

/* ميجا */
.shb-nav.is-mega .shb-menu>li.menu-item-has-children{position:static}
.shb-nav.is-mega .shb-menu>li.menu-item-has-children>ul{inset-inline:0;width:100%;display:flex;flex-wrap:wrap;gap:6px;padding:16px}
.shb-nav.is-mega .shb-menu>li.menu-item-has-children>ul>li{flex:1 1 200px}
.shb-nav.is-mega .shb-menu>li.menu-item-has-children>ul>li>a{font-size:15px;border-bottom:1px solid var(--shb-border);border-radius:0}

/* أزرار */
.shb-ico-btn{background:transparent;border:0;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:inherit;flex:0 0 auto}
.shb-ico-btn:hover{background:rgba(127,127,127,.14)}
.shb-ico-btn svg{width:19px;height:19px}
.shb-hactions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.shb-burger{display:none;flex-direction:column;gap:4px;justify-content:center}
.shb-burger span{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;transition:.2s}

/* البحث المدمج */
.shb-search-inline{display:flex;align-items:center;background:var(--shb-bg);border:1px solid var(--shb-border);border-radius:40px;overflow:hidden;max-width:330px;width:100%}
.shb-search-inline input{border:0;background:transparent;padding:9px 16px;font-size:14px;width:100%}
.shb-search-inline input:focus{box-shadow:none}
.shb-search-inline button{background:var(--shb-primary);color:#fff;border:0;width:42px;height:38px;display:grid;place-items:center;flex:0 0 auto}
.shb-search-inline button svg{width:16px;height:16px}
.shb-search-inline.is-mini{max-width:210px;margin-inline-start:auto}
.shb-search-inline.is-big{max-width:560px;margin-inline:auto;border-radius:12px;background:#fff;box-shadow:var(--shb-shadow-lg)}
.shb-search-inline.is-big input{padding:15px 20px;font-size:16px;color:#16202e}
.shb-search-inline.is-big button{height:52px;width:58px}

/* التواصل */
.shb-social{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.shb-so{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--shb-bg);color:var(--shb-text);transition:.2s}
.shb-so svg{width:15px;height:15px;fill:currentColor}
.shb-so:hover{background:var(--shb-primary);color:#fff}
.shb-social.is-small .shb-so{width:29px;height:29px;background:transparent}
.shb-social.is-light .shb-so{color:#fff}
.shb-topbar.is-dark .shb-so{color:#cbd5e1}
.shb-so.is-facebook:hover{background:#1877f2}
.shb-so.is-twitter:hover{background:#111}
.shb-so.is-youtube:hover{background:#ff0033}
.shb-so.is-instagram:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}
.shb-so.is-telegram:hover{background:#29a9eb}
.shb-so.is-whatsapp:hover{background:#25d366}
.shb-so.is-linkedin:hover{background:#0a66c2}
.shb-so.is-tiktok:hover{background:#000}
.shb-so.is-snapchat:hover{background:#fffc00;color:#111}
.shb-so.is-rss:hover{background:#f26522}

/* ---------- 5) مقسوم عمودي ---------- */
.shb-hsplit{padding:14px 0;background:var(--shb-card)}
.shb-hsplit-in{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.shb-hsplit-logo{padding-inline-end:24px;border-inline-end:1px solid var(--shb-border)}
.shb-hsplit-side{display:flex;flex-direction:column;gap:9px}
.shb-hsplit-row{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.shb-hsplit-row.is-nav{border-top:1px solid var(--shb-border);padding-top:7px}
.shb-hsplit-row.is-nav .shb-menu>li>a{padding:7px 12px;font-size:15px}

/* ---------- 8) متدرّج ---------- */
.shb-hgrad{background:linear-gradient(135deg,var(--shb-primary),var(--shb-secondary));color:#fff;padding:22px 0 24px}
.shb-hgrad a{color:#fff}
.shb-hgrad .shb-logo-text::first-letter{color:#fff}
.shb-hgrad-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.shb-hgrad-actions{display:flex;align-items:center;gap:14px}
.shb-hgrad .shb-hdate{color:rgba(255,255,255,.85)}
.shb-hgrad-search{margin:20px 0 14px}
.shb-hgrad .shb-trend{justify-content:center;color:rgba(255,255,255,.9)}
.shb-hgrad .shb-trend a{background:rgba(255,255,255,.14);border-color:transparent}
.shb-hgrad .shb-trend a:hover{background:#fff;color:var(--shb-primary)}

/* ---------- 9) مزدوج ---------- */
.shb-hdual{padding:10px 0;background:var(--shb-card)}
.shb-hdual-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.shb-hdual-side.is-right .shb-menu{justify-content:flex-start}
.shb-hdual-side.is-left{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.shb-hdual-side.is-left .shb-menu{justify-content:flex-end}
.shb-hdual-mobile{display:none}

/* ---------- 10) ميجا داكن ---------- */
.shb-hmega{background:var(--shb-secondary);color:#fff;padding:6px 0 10px}
.shb-hmega a{color:#e8edf5}
.shb-hmega .shb-logo-text{color:#fff}
.shb-hmega-in{display:flex;align-items:center;gap:20px;min-height:62px}
.shb-hmega .shb-menu>li>a:hover,.shb-hmega .shb-menu>li.current-menu-item>a{background:rgba(255,255,255,.1);color:#fff}
.shb-hmega .shb-trend{border-top:1px solid rgba(255,255,255,.1);padding-top:8px;color:#94a3b8}
.shb-hmega .shb-trend a{background:rgba(255,255,255,.08);color:#e8edf5;border-color:transparent}

/* الأكثر تداولاً */
.shb-trend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.shb-trend b{font-weight:800}
.shb-trend a{background:var(--shb-bg);border:1px solid var(--shb-border);padding:3px 11px;border-radius:30px;font-weight:700;font-size:12.5px}
.shb-trend a:hover{background:var(--shb-primary);color:#fff;border-color:var(--shb-primary)}

/* ---------- الشريط العاجل ---------- */
.shb-breaking-wrap,.shb-hbreaking{padding:14px 0 0}
.shb-hbreaking .shb-ticker{border-radius:0;border-inline:0}

/* ---------- 6) الهيدر الشفاف ---------- */
body.shb-htrans .shb-hs-6{position:absolute;inset-inline:0;top:0;background:transparent}
body.shb-htrans .shb-hs-6 .shb-navbar.is-glass{background:transparent;backdrop-filter:none}
body.shb-htrans .shb-hs-6.is-stuck .shb-navbar.is-glass{background:rgba(9,13,21,.9);backdrop-filter:blur(10px)}
body.shb-htrans .shb-slider-wrap{margin-top:0}
body.shb-htrans:not(.home):not(.blog) .shb-main-wrap{padding-top:96px}
body.shb-htrans:not(.home):not(.blog) .shb-hs-6 .shb-navbar.is-glass{background:rgba(9,13,21,.92)}
body.shb-htrans .shb-sl .shb-sl-cap{padding-bottom:26px}

/* ---------- التثبيت عند التمرير ---------- */
.shb-header.is-sticky-on .shb-navbar,
.shb-header.is-sticky-on .shb-hmega{position:sticky;top:0;z-index:800}
.shb-header.is-stuck .shb-navbar,.shb-header.is-stuck .shb-hmega{box-shadow:0 4px 18px rgba(16,24,40,.12)}
.admin-bar .shb-header.is-sticky-on .shb-navbar,
.admin-bar .shb-header.is-sticky-on .shb-hmega{top:32px}

/* ---------- القائمة المنزلقة ---------- */
.shb-oc{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}
.shb-oc.is-open{visibility:visible;pointer-events:auto}
.shb-oc-bg{position:absolute;inset:0;background:rgba(6,10,17,.6);opacity:0;transition:opacity .3s}
.shb-oc.is-open .shb-oc-bg{opacity:1}
.shb-oc-panel{position:absolute;inset-block:0;inset-inline-end:0;width:320px;max-width:86vw;background:var(--shb-card);z-index:2;transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column;box-shadow:var(--shb-shadow-lg)}
.shb-oc.is-open .shb-oc-panel{transform:none}
.shb-oc-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--shb-border)}
.shb-oc-head .shb-logo img{max-height:38px}
.shb-oc-head .shb-logo-text{font-size:21px}
.shb-oc-body{padding:14px;overflow-y:auto;flex:1}
.shb-oc-body .shb-search-inline{max-width:100%;margin-bottom:16px}
.shb-nav.is-oc .shb-menu{flex-direction:column;align-items:stretch;gap:0}
.shb-nav.is-oc .shb-menu>li>a{padding:13px 4px;border-bottom:1px solid var(--shb-border);border-radius:0}
.shb-nav.is-oc .shb-menu ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 14px 8px;display:none}
.shb-nav.is-oc .shb-menu li.is-open>ul{display:block}
.shb-nav.is-oc .menu-item-has-children>a::after{float:left;margin-top:8px}
.shb-social.is-oc{margin-top:18px;justify-content:center}

/* ---------- نافذة البحث ---------- */
.shb-searchmodal{position:fixed;inset:0;z-index:1300;background:rgba(7,11,18,.96);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}
.shb-searchmodal.is-open{opacity:1;visibility:visible}
.shb-sm-in{width:min(680px,90vw);text-align:center;color:#fff}
.shb-sm-in h3{color:#fff;font-size:24px;margin-bottom:18px}
.shb-sm-in input{background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.35);color:#fff;font-size:24px;padding:12px 6px;text-align:center;border-radius:0}
.shb-sm-in input:focus{border-color:var(--shb-primary);box-shadow:none}
.shb-sm-in input::placeholder{color:rgba(255,255,255,.45);font-size:17px}
.shb-sm-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;font-size:13.5px;color:rgba(255,255,255,.6)}
.shb-sm-tags a{background:rgba(255,255,255,.1);color:#fff;padding:5px 14px;border-radius:30px;font-weight:700}
.shb-sm-tags a:hover{background:var(--shb-primary)}
.shb-sm-close{position:absolute;top:22px;inset-inline-start:22px;color:#fff;width:46px;height:46px}
.shb-sm-close:hover{background:rgba(255,255,255,.12)}

/* ---------- الاستجابة ---------- */
@media(max-width:1100px){
  .shb-menu>li>a{padding:10px 10px;font-size:14.5px}
  .shb-header-ad{display:none}
  .shb-hmid-side{max-width:50%}
}
@media(max-width:900px){
  .shb-burger{display:flex}
  .shb-header .shb-nav:not(.is-oc){display:none}
  .shb-navbar-in{min-height:56px;justify-content:space-between}
  .shb-hdual-in{grid-template-columns:auto 1fr auto}
  .shb-hdual-side{display:none!important}
  .shb-hdual-mobile{display:block}
  .shb-hsplit-in{grid-template-columns:1fr;gap:12px}
  .shb-hsplit-logo{border:0;padding:0}
  .shb-hsplit-row{justify-content:space-between}
  .shb-topbar .shb-topmenu{display:none}
  .shb-hmid-in{gap:12px}
  .shb-hmid-side{max-width:none;flex:0 0 auto}
  .shb-logo img{max-height:44px}
  .shb-logo-text{font-size:24px}
}
@media(max-width:600px){
  .shb-hmid{padding:12px 0}
  .shb-hmid-side .shb-search-inline{display:none}
  .shb-hcenter-top .shb-hdate{display:none}
  .shb-hgrad-top{justify-content:center;text-align:center}
  .shb-sm-in input{font-size:19px}
  .shb-sm-in h3{font-size:20px}
}