/* ==========================================================================
   الشبكة نيوز — الجزء الثاني من الهيدر
   (الأشكال 11-18 · شريط الأقسام · أنماط القوائم · أشكال الأزرار)
   ========================================================================== */

/* ==========================================================================
   1) أنماط روابط القائمة (10 أنماط)
   ========================================================================== */
.shb-nav .shb-menu>li>a{font-family:var(--shb-font-nav);font-size:var(--shb-fs-nav);position:relative}

/* 2 — كبسولات */
.is-nav-2 .shb-menu>li>a{border-radius:40px;padding-inline:17px}

/* 3 — خط سفلي متحرك */
.is-nav-3 .shb-menu>li>a{border-radius:0;background:transparent!important}
.is-nav-3 .shb-menu>li>a::before{content:"";position:absolute;bottom:4px;inset-inline-start:14px;width:0;height:3px;border-radius:3px;background:var(--shb-nav-hover-bg);transition:width .28s cubic-bezier(.2,.7,.3,1)}
.is-nav-3 .shb-menu>li>a:hover::before,.is-nav-3 .shb-menu>li.current-menu-item>a::before,.is-nav-3 .shb-menu>li.current-menu-parent>a::before{width:calc(100% - 28px)}

/* 4 — مربّعات ممتلئة */
.is-nav-4 .shb-menu{gap:0}
.is-nav-4 .shb-menu>li>a{border-radius:0;padding:14px 16px}
.is-nav-4 .shb-menu>li>a:hover,.is-nav-4 .shb-menu>li.current-menu-item>a{background:var(--shb-nav-hover-bg);color:var(--shb-nav-hover-tx)}

/* 5 — مائل */
.is-nav-5 .shb-menu>li>a{border-radius:3px}
.is-nav-5 .shb-menu>li>a::after{content:"";position:absolute;inset:3px 2px;background:var(--shb-nav-hover-bg);transform:skewX(-12deg) scaleX(0);transform-origin:right;transition:transform .25s;z-index:-1;border-radius:3px}
.is-nav-5 .shb-menu>li>a{z-index:1;background:transparent!important}
.is-nav-5 .shb-menu>li>a:hover::after,.is-nav-5 .shb-menu>li.current-menu-item>a::after{transform:skewX(-12deg) scaleX(1)}
.is-nav-5 .shb-menu>li>a:hover,.is-nav-5 .shb-menu>li.current-menu-item>a{color:var(--shb-nav-hover-tx)}

/* 6 — فواصل رأسية */
.is-nav-6 .shb-menu>li{padding-inline-end:1px}
.is-nav-6 .shb-menu>li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:17px;background:currentColor;opacity:.22}
.is-nav-6 .shb-menu>li>a{background:transparent!important}
.is-nav-6 .shb-menu>li>a:hover,.is-nav-6 .shb-menu>li.current-menu-item>a{color:var(--shb-nav-hover-bg)}

/* 7 — نقطة علوية */
.is-nav-7 .shb-menu>li>a{background:transparent!important;padding-top:15px}
.is-nav-7 .shb-menu>li>a::before{content:"";position:absolute;top:4px;inset-inline-start:50%;transform:translateX(50%) scale(0);width:7px;height:7px;border-radius:50%;background:var(--shb-nav-hover-bg);transition:transform .25s}
.is-nav-7 .shb-menu>li>a:hover::before,.is-nav-7 .shb-menu>li.current-menu-item>a::before{transform:translateX(50%) scale(1)}

/* 8 — زجاجي بظل */
.is-nav-8 .shb-menu>li>a{border-radius:10px}
.is-nav-8 .shb-menu>li>a:hover,.is-nav-8 .shb-menu>li.current-menu-item>a{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.18)}

/* 9 — خط علوي عريض */
.is-nav-9 .shb-menu>li>a{border-radius:0;border-top:3px solid transparent;background:transparent!important}
.is-nav-9 .shb-menu>li>a:hover,.is-nav-9 .shb-menu>li.current-menu-item>a{border-top-color:var(--shb-nav-hover-bg);background:rgba(127,127,127,.09)!important}

/* 10 — إطار محدود */
.is-nav-10 .shb-menu>li>a{border:1.5px solid transparent;border-radius:9px;background:transparent!important}
.is-nav-10 .shb-menu>li>a:hover,.is-nav-10 .shb-menu>li.current-menu-item>a{border-color:var(--shb-nav-hover-bg);color:var(--shb-nav-hover-bg)}

/* 11 — فواصل مائلة ملوّنة / */
.is-nav-11 .shb-menu{gap:4px}
.is-nav-11 .shb-menu>li>a{background:transparent!important}
.is-nav-11 .shb-menu>li:not(:last-child)::after{
  content:"";position:absolute;inset-inline-start:-4px;top:50%;transform:translateY(-50%) skewX(-22deg);
  width:2px;height:20px;background:var(--shb-nav-hover-bg);border-radius:2px;opacity:.85
}
.is-nav-11 .shb-menu>li>a:hover,.is-nav-11 .shb-menu>li.current-menu-item>a{color:var(--shb-nav-hover-bg)}

/* 12 — فواصل مائلة مزدوجة // */
.is-nav-12 .shb-menu{gap:8px}
.is-nav-12 .shb-menu>li>a{background:transparent!important}
.is-nav-12 .shb-menu>li:not(:last-child)::after,
.is-nav-12 .shb-menu>li:not(:last-child)::before{
  content:"";position:absolute;top:50%;transform:translateY(-50%) skewX(-22deg);
  width:2px;height:18px;background:var(--shb-nav-hover-bg);border-radius:2px;opacity:.8
}
.is-nav-12 .shb-menu>li:not(:last-child)::after{inset-inline-start:-4px}
.is-nav-12 .shb-menu>li:not(:last-child)::before{inset-inline-start:-9px;opacity:.45}
.is-nav-12 .shb-menu>li>a:hover,.is-nav-12 .shb-menu>li.current-menu-item>a{color:var(--shb-nav-hover-bg)}

/* ==========================================================================
   2) أشكال الأزرار (8 أشكال)
   ========================================================================== */
.shb-btn.is-mini{padding:7px 14px;font-size:13px}
.shb-btn.is-mini svg{width:15px;height:15px}
.shb-btnstyle-2 .shb-btn{border-radius:50px}
.shb-btnstyle-3 .shb-btn{border-radius:0}
.shb-btnstyle-4 .shb-btn{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.shb-btnstyle-5 .shb-btn{background:transparent;border:2px solid var(--shb-btn-bg);color:var(--shb-btn-bg)}
.shb-btnstyle-5 .shb-btn:hover{background:var(--shb-btn-bg);color:var(--shb-btn-text)}
.shb-btnstyle-6 .shb-btn{background:linear-gradient(120deg,var(--shb-btn-bg),var(--shb-accent));border:0}
.shb-btnstyle-6 .shb-btn:hover{filter:brightness(1.08)}
.shb-btnstyle-7 .shb-btn{box-shadow:0 4px 0 var(--shb-btn-hover);transform:translateY(-2px)}
.shb-btnstyle-7 .shb-btn:active{transform:translateY(0);box-shadow:0 1px 0 var(--shb-btn-hover)}
.shb-btnstyle-8 .shb-btn{background:transparent;color:var(--shb-btn-bg);border-radius:0;border-bottom:3px solid var(--shb-btn-bg);padding-inline:6px}
.shb-btnstyle-8 .shb-btn:hover{background:transparent;color:var(--shb-btn-hover);border-color:var(--shb-btn-hover);transform:none}

/* ==========================================================================
   3) شريط الأقسام (8 أشكال)
   ========================================================================== */
.shb-catsbar{background:var(--shb-catsbar-bg);color:var(--shb-catsbar-text);border-bottom:1px solid var(--shb-border);position:relative;z-index:701}
.shb-catsbar-in{display:flex;align-items:center;gap:6px;min-height:46px;overflow-x:auto;scrollbar-width:none}
.shb-catsbar-in::-webkit-scrollbar{display:none}
.shb-cbitem{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:700;font-size:14px;color:inherit;padding:7px 12px;border-radius:var(--shb-radius-sm);transition:.2s}
.shb-cbitem svg{width:15px;height:15px}
.shb-cbdot{width:9px;height:9px;border-radius:50%;background:var(--shb-primary);display:inline-block}

/* 1 — روابط بفواصل */
.is-cb-1 .shb-cbitem{padding:7px 4px}
.is-cb-1 .shb-cbitem:not(:last-child)::after{content:"·";opacity:.4;margin-inline-start:11px}
.is-cb-1 .shb-cbitem:hover{color:var(--shb-primary)}

/* 2 — كبسولات ملوّنة */
.is-cb-2 .shb-cbitem{border-radius:40px;background:rgba(127,127,127,.09);border:1px solid transparent}
.is-cb-2 .shb-cbitem:hover{background:var(--shb-primary);color:#fff}

/* 3 — مربّعات داكنة */
.is-cb-3{background:var(--shb-secondary);border-color:transparent}
.is-cb-3 .shb-cbitem{color:#e8edf5;border-radius:0;border-inline-end:1px solid rgba(255,255,255,.12);padding:11px 15px}
.is-cb-3 .shb-cbitem:hover{background:var(--shb-primary);color:#fff}

/* 4 — بطاقات بنقطة لون */
.is-cb-4 .shb-cbitem{background:var(--shb-card);border:1px solid var(--shb-border);box-shadow:var(--shb-shadow);margin-block:7px}
.is-cb-4 .shb-cbitem:hover{transform:translateY(-2px)}

/* 5 — شريط متمرّر */
.is-cb-5 .shb-catsbar-label{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;background:var(--shb-primary);color:#fff;padding:7px 13px;border-radius:var(--shb-radius-sm);flex:0 0 auto;margin-inline-end:9px}
.is-cb-5 .shb-catsbar-label svg{width:15px;height:15px}
.is-cb-5 .shb-cbitem{border-bottom:2px solid transparent}
.is-cb-5 .shb-cbitem:hover{border-bottom-color:var(--shb-primary);color:var(--shb-primary)}

/* 6 — أيقونات */
.is-cb-6 .shb-catsbar-in{gap:2px}
.is-cb-6 .shb-cbitem{flex-direction:column;gap:3px;font-size:12.5px;padding:8px 14px;min-width:78px;justify-content:center;text-align:center}
.is-cb-6 .shb-cbitem svg{width:19px;height:19px;opacity:.85}
.is-cb-6 .shb-cbitem:hover{background:rgba(127,127,127,.08);color:var(--shb-primary)}

/* 7 — خط علوي بلون القسم */
.is-cb-7 .shb-cbitem{border-radius:0;border-top:3px solid transparent;padding-top:11px;padding-bottom:11px}
.is-cb-7 .shb-cbitem:hover{background:rgba(127,127,127,.06)}

/* 8 — شريط داكن كامل */
.is-cb-8{background:linear-gradient(90deg,var(--shb-secondary),var(--shb-primary));border:0}
.is-cb-8 .shb-cbitem{color:#fff;font-weight:800}
.is-cb-8 .shb-cbitem:hover{background:rgba(255,255,255,.16)}
.is-cb-8 .shb-catsbar-label{color:#fff;opacity:.75;font-weight:800;display:inline-flex;align-items:center;gap:6px;margin-inline-end:10px;flex:0 0 auto}
.is-cb-8 .shb-catsbar-label svg{width:15px;height:15px}

/* 9 — فواصل مائلة ملوّنة / */
.is-cb-9 .shb-catsbar-in{gap:14px}
.is-cb-9 .shb-cbitem{padding:8px 2px;position:relative}
.is-cb-9 .shb-cbitem:not(:last-child)::after{
  content:"";position:absolute;inset-inline-start:-9px;top:50%;transform:translateY(-50%) skewX(-22deg);
  width:2px;height:19px;background:var(--shb-primary);border-radius:2px;opacity:.85
}
.is-cb-9 .shb-cbitem:hover{color:var(--shb-primary)}

/* ==========================================================================
   4) خلفيات الهيدر
   ========================================================================== */
.shb-header.is-bg-gradient .shb-hmid,
.shb-header.is-bg-gradient .shb-h3,
.shb-header.is-bg-gradient .shb-hsplit,
.shb-header.is-bg-gradient .shb-hdual,
.shb-header.is-bg-gradient .shb-hshrink,
.shb-header.is-bg-gradient .shb-hman-mid{background:linear-gradient(120deg,var(--shb-header-bg),var(--shb-header-bg2))}
.shb-header.is-bg-image .shb-hmid,
.shb-header.is-bg-image .shb-h3,
.shb-header.is-bg-image .shb-hshrink,
.shb-header.is-bg-image .shb-hman-mid{background-image:var(--shb-header-img);background-size:cover;background-position:center}
.shb-header.is-bg-pattern .shb-hmid,
.shb-header.is-bg-pattern .shb-h3,
.shb-header.is-bg-pattern .shb-hshrink,
.shb-header.is-bg-pattern .shb-hman-mid{background-image:radial-gradient(rgba(127,127,127,.16) 1px,transparent 1px);background-size:15px 15px}
.shb-header.is-bg-glass .shb-hmid,
.shb-header.is-bg-glass .shb-h3,
.shb-header.is-bg-glass .shb-hshrink{background:rgba(255,255,255,.62);backdrop-filter:blur(12px)}
body.shb-dark .shb-header.is-bg-glass .shb-hmid,
body.shb-dark .shb-header.is-bg-glass .shb-h3,
body.shb-dark .shb-header.is-bg-glass .shb-hshrink{background:rgba(20,27,37,.7)}

/* ==========================================================================
   5) الشكل 11 — ثلاثي الكتل
   ========================================================================== */
.shb-h3{background:var(--shb-header-bg);color:var(--shb-header-text);padding:calc(var(--shb-header-h) / 6) 0}
.shb-h3-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px}
.shb-h3-a{display:flex;align-items:center;gap:10px}
.shb-h3-b{display:flex;justify-content:center}
.shb-h3-c{display:flex;justify-content:flex-end}
.shb-search-inline.is-pill{border-radius:50px;max-width:520px;background:rgba(127,127,127,.09);border-color:transparent}
.shb-search-inline.is-pill input{padding:11px 18px}
.shb-search-inline.is-pill button{border-radius:50px;margin:3px}
.shb-navbar.is-tall .shb-navbar-in{min-height:56px}
.shb-h3-live{margin-inline-start:auto}

/* ==========================================================================
   6) الشكل 12 — بطاقة عائمة
   ========================================================================== */
.shb-hcard-bg{background:linear-gradient(120deg,var(--shb-secondary),var(--shb-primary));padding-bottom:36px}
.shb-hcard-bg .shb-topbar{background:transparent;border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.85)}
.shb-hcard-bg .shb-topbar .shb-hdate,.shb-hcard-bg .shb-topbar a,.shb-hcard-bg .shb-topbar .shb-so{color:rgba(255,255,255,.9)}
.shb-hcard{background:var(--shb-card);border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.24);margin-bottom:-30px;position:relative;z-index:5}
.shb-hcard-in{display:flex;align-items:center;gap:18px;padding:12px 20px;min-height:72px}
.shb-hcard-in .shb-nav{flex:1}
.shb-hs-12{margin-bottom:34px}

/* ==========================================================================
   7) الشكل 13 — عمودي جانبي
   ========================================================================== */
.shb-hside{position:fixed;inset-block:0;inset-inline-start:0;width:250px;background:var(--shb-header-bg);border-inline-end:1px solid var(--shb-border);display:flex;flex-direction:column;z-index:900;padding:20px 16px;overflow-y:auto}
.shb-hside-top{padding-bottom:18px;border-bottom:1px solid var(--shb-border);margin-bottom:14px}
.shb-hside-body{flex:1}
.shb-hside-foot{display:flex;flex-direction:column;gap:11px;padding-top:16px;border-top:1px solid var(--shb-border)}
.shb-hside-foot .shb-social{justify-content:center}
.shb-hside-foot .shb-darktoggle{margin-inline:auto}
.shb-nav.is-vertical .shb-menu{flex-direction:column;align-items:stretch;gap:2px}
.shb-nav.is-vertical .shb-menu>li>a{padding:11px 12px}
.shb-nav.is-vertical .shb-menu ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 12px;background:transparent}
.shb-hside-mobile{display:none;background:var(--shb-header-bg);border-bottom:1px solid var(--shb-border)}
body.shb-hstyle-13 .shb-site{padding-inline-start:250px}
body.shb-hstyle-13 .shb-hs-13{position:static}

/* ==========================================================================
   8) الشكل 14 — مانشيت
   ========================================================================== */
.shb-hman-top{background:var(--shb-secondary);color:rgba(255,255,255,.8);font-size:13px}
.shb-hman-top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
.shb-hman-top .shb-hdate{color:rgba(255,255,255,.8)}
.shb-hman-top-l{display:flex;align-items:center;gap:10px}
.shb-hman-mid{display:flex;align-items:center;gap:20px;padding:22px 16px;background:var(--shb-header-bg)}
.shb-hman-mid .shb-logo.is-big img{max-height:calc(var(--shb-logo-h) * 1.35)}
.shb-hman-mid .shb-logo.is-big .shb-logo-text{font-size:40px;letter-spacing:-1px}
.shb-hman-side{margin-inline-start:auto;flex:0 1 420px}
.shb-hman-nav{border-top:1px solid var(--shb-border);border-bottom:2px solid var(--shb-primary);background:var(--shb-card)}

/* ==========================================================================
   9) الشكل 15 — متقلّص ذكي
   ========================================================================== */
.shb-hshrink{background:var(--shb-header-bg);color:var(--shb-header-text);padding:22px 0;transition:padding .28s ease,box-shadow .28s}
.shb-hshrink-in{display:flex;align-items:center;gap:20px}
.shb-hshrink-in .shb-nav{flex:1}
.shb-hs-15.is-stuck .shb-hshrink{padding:6px 0;box-shadow:0 5px 20px rgba(16,24,40,.12)}
.shb-hs-15.is-stuck .shb-logo img{max-height:calc(var(--shb-logo-h) * .68);transition:max-height .28s}
.shb-hs-15.is-stuck .shb-logo-text{font-size:21px;transition:font-size .28s}
.shb-hs-15.is-sticky-on .shb-hshrink{position:sticky;top:0;z-index:800}
.admin-bar .shb-hs-15.is-sticky-on .shb-hshrink{top:32px}

/* ==========================================================================
   10) الشكل 16 — بانورامي بصورة
   ========================================================================== */
.shb-hpano{background:var(--shb-secondary) center/cover no-repeat;position:relative}
.shb-hpano-in{background:linear-gradient(180deg,rgba(6,10,17,.72),rgba(6,10,17,.9));padding:18px 0 0;color:#fff}
.shb-hpano a,.shb-hpano .shb-logo-text{color:#fff}
.shb-hpano-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.shb-hpano .shb-hdate{color:rgba(255,255,255,.85)}
.shb-hpano .shb-logo.is-center{margin:22px 0 20px}
.shb-hpano .shb-logo-text{font-size:44px;text-shadow:0 4px 22px rgba(0,0,0,.5)}
.shb-hpano-nav{display:flex;align-items:center;gap:10px;justify-content:center;border-top:1px solid rgba(255,255,255,.18);padding:4px 0}
.shb-hpano-nav .shb-nav{flex:0 1 auto}
.shb-hpano .shb-menu>li>a:hover,.shb-hpano .shb-menu>li.current-menu-item>a{background:rgba(255,255,255,.16);color:#fff}

/* ==========================================================================
   11) الشكل 17 — ثنائي اللون
   ========================================================================== */
.shb-hduo{position:relative;background:var(--shb-secondary)}
.shb-hduo-in{display:grid;grid-template-columns:minmax(200px,26%) minmax(0,1fr);align-items:center;min-height:82px;position:relative;z-index:2}
.shb-hduo-a{position:relative;padding:16px 0}
.shb-hduo-a::before{content:"";position:absolute;inset-block:0;inset-inline-start:-40px;inset-inline-end:-100vw;background:var(--shb-primary);transform:skewX(-11deg);z-index:-1}
.shb-hduo-a .shb-logo-text,.shb-hduo-a a{color:#fff}
.shb-hduo-b{display:flex;align-items:center;gap:12px;padding-inline-start:26px}
.shb-hduo-b .shb-nav{flex:1}
.shb-hduo-b a,.shb-hduo-b .shb-ico-btn{color:#e8edf5}
.shb-hduo-b .shb-menu>li>a:hover,.shb-hduo-b .shb-menu>li.current-menu-item>a{color:#fff}

/* ==========================================================================
   12) الشكل 18 — قائمة ملء الشاشة
   ========================================================================== */
.shb-hfs{background:var(--shb-header-bg);color:var(--shb-header-text);border-bottom:1px solid var(--shb-border)}
.shb-hfs-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;gap:14px}
.shb-fs-open{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;color:inherit;font-weight:800;font-size:14px;padding:8px 10px;border-radius:9px;justify-self:start}
.shb-fs-open span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative}
.shb-fs-open span+span{margin-top:-2px}
.shb-fs-open span:nth-child(2){width:14px}
.shb-fs-open:hover{background:rgba(127,127,127,.12)}
.shb-hfs-side{display:flex;align-items:center;gap:5px;justify-content:flex-end}
.shb-fsmenu{position:fixed;inset:0;z-index:1250;background:linear-gradient(140deg,var(--shb-secondary),#0b0f18);color:#fff;opacity:0;visibility:hidden;transition:.3s;display:grid;place-items:center;overflow-y:auto}
.shb-fsmenu.is-open{opacity:1;visibility:visible}
.shb-fsmenu-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;width:100%;padding-block:60px}
.shb-fsmenu a{color:#fff}
.shb-nav.is-fs .shb-menu{flex-direction:column;align-items:stretch;gap:4px}
.shb-nav.is-fs .shb-menu>li>a{font-size:26px;font-weight:800;padding:9px 0;background:transparent!important}
.shb-nav.is-fs .shb-menu>li>a:hover{color:var(--shb-primary);padding-inline-start:12px}
.shb-nav.is-fs .shb-menu ul{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:0;box-shadow:none;padding:0 16px 8px;display:flex;flex-wrap:wrap;gap:6px}
.shb-nav.is-fs .shb-menu ul li a{color:rgba(255,255,255,.65);font-size:14px;padding:4px 9px;border-radius:20px;background:rgba(255,255,255,.07)}
.shb-fsmenu-cats h4{color:#fff;font-size:15px;opacity:.6;margin-bottom:14px;letter-spacing:1px}
.shb-fsmenu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.shb-fsmenu-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:13px 15px;font-weight:700;transition:.22s}
.shb-fsmenu-grid a:hover{background:var(--shb-primary);border-color:transparent;transform:translateY(-2px)}
.shb-fsmenu-grid i{font-style:normal;font-size:12px;opacity:.6}
.shb-fs-close{position:absolute;top:24px;inset-inline-start:24px;color:#fff;width:48px;height:48px}
.shb-fs-close:hover{background:rgba(255,255,255,.14)}
.shb-social.is-fs{margin-top:26px;gap:8px}
.shb-social.is-fs .shb-so{background:rgba(255,255,255,.1);color:#fff;width:38px;height:38px}

/* ==========================================================================
   12.2) عرض مربع البحث + إخفاء شريط القائمة عند الرغبة
   ========================================================================== */
.shb-search-inline{max-width:var(--shb-search-w,380px)}
.shb-search-inline.is-pill{max-width:var(--shb-search-w,380px)}
.shb-search-inline.is-mini{max-width:calc(var(--shb-search-w,380px) * .62)}
.shb-search-inline.is-big{max-width:calc(var(--shb-search-w,380px) * 1.4)}
.shb-search-inline.is-oc{max-width:100%}
.shb-search-inline.is-pill input{padding:9px 16px;font-size:14px}
.shb-search-inline.is-pill button{width:38px;height:32px}

/* إخفاء شريط القائمة الرئيسية (مع إبقاء زر القائمة على الجوال) */
@media(min-width:901px){
  body.shb-nonav .shb-header .shb-navbar,
  body.shb-nonav .shb-header .shb-hman-nav,
  body.shb-nonav .shb-header .shb-hpano-nav{display:none}
  body.shb-nonav .shb-header .shb-hcard-in .shb-nav,
  body.shb-nonav .shb-header .shb-hduo-b .shb-nav,
  body.shb-nonav .shb-header .shb-hsplit-row.is-nav .shb-nav,
  body.shb-nonav .shb-header .shb-hshrink-in .shb-nav,
  body.shb-nonav .shb-header .shb-hdual-side{display:none}
}
@media(max-width:900px){
  body.shb-nonav .shb-header .shb-nav:not(.is-oc):not(.is-fs){display:none}
}

/* أيقونة البحث ضمن مجموعة أزرار الهيدر جهة الشمال (بجوار الوضع الليلي) */
.shb-hactions{margin-inline-start:auto}
.shb-navbar-in>.shb-search-open,.shb-navbar-in>.shb-darktoggle{margin-inline-start:auto}
.shb-navbar-in>.shb-search-open+.shb-darktoggle{margin-inline-start:0}
.shb-hside-foot .shb-hactions{justify-content:center;margin:0}
.shb-h3-b:empty{display:none}
.shb-h3-in:has(.shb-h3-b:empty){grid-template-columns:auto 1fr auto}

/* أشكال الأزرار تُطبَّق أيضاً على أزرار البحث والتصفّح */
.shb-btnstyle-2 .shb-pagination .page-numbers,.shb-btnstyle-2 .shb-search-inline button,.shb-btnstyle-2 .comment-form input[type=submit]{border-radius:50px}
.shb-btnstyle-3 .shb-pagination .page-numbers,.shb-btnstyle-3 .shb-search-inline,.shb-btnstyle-3 .shb-search-inline button,.shb-btnstyle-3 .comment-form input[type=submit]{border-radius:0}
.shb-btnstyle-4 .shb-pagination .page-numbers,.shb-btnstyle-4 .comment-form input[type=submit]{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.shb-btnstyle-6 .shb-search-inline button,.shb-btnstyle-6 .comment-form input[type=submit]{background:linear-gradient(120deg,var(--shb-btn-bg),var(--shb-accent))}
.shb-btnstyle-7 .shb-pagination .page-numbers:hover,.shb-btnstyle-7 .shb-pagination .page-numbers.current{box-shadow:0 3px 0 var(--shb-btn-hover)}

/* ==========================================================================
   12.5) تصحيحات أولوية فوق الألوان الديناميكية
   ========================================================================== */
.shb-header .shb-navbar.is-glass{background:rgba(9,13,21,.45)}
.shb-header .shb-navbar.is-glass .shb-logo-text,
.shb-header .shb-navbar.is-glass a,
.shb-header .shb-navbar.is-glass .shb-ico-btn{color:#fff}
.shb-header .shb-hcard-bg .shb-topbar{background:transparent;color:rgba(255,255,255,.85)}
.shb-header .shb-hcard-bg .shb-topbar a,
.shb-header .shb-hcard-bg .shb-topbar .shb-hdate,
.shb-header .shb-hcard-bg .shb-topbar .shb-so{color:rgba(255,255,255,.88)}
.shb-header .shb-hman-top{background:var(--shb-secondary)}
.shb-header .shb-hman-top .shb-hdate,.shb-header .shb-hman-top a,.shb-header .shb-hman-top .shb-so{color:rgba(255,255,255,.82)}
.shb-header .shb-hpano .shb-logo-text,.shb-header .shb-hpano a{color:#fff}
.shb-header .shb-hduo-a .shb-logo-text,.shb-header .shb-hduo-a a{color:#fff}
.shb-header .shb-hmega .shb-logo-text{color:#fff}
.shb-header .shb-hgrad .shb-logo-text,.shb-header .shb-hgrad a{color:#fff}
.shb-header .shb-hcard{background:var(--shb-card)}
.shb-header .shb-navbar.is-tall,.shb-header .shb-hman-nav{border-bottom:2px solid var(--shb-primary)}

/* ==========================================================================
   13) الاستجابة للأشكال الجديدة
   ========================================================================== */
@media(max-width:1100px){
  .shb-h3-in{grid-template-columns:auto 1fr auto;gap:12px}
  .shb-h3-b{display:none}
  .shb-hman-side{flex-basis:260px}
}
@media(max-width:900px){
  .shb-hside{display:none}
  .shb-hside-mobile{display:block}
  body.shb-hstyle-13 .shb-site{padding-inline-start:0}
  .shb-hduo-in{grid-template-columns:auto 1fr;min-height:64px}
  .shb-hduo-a::before{inset-inline-start:-30px}
  .shb-hcard-in{padding:10px 14px;min-height:62px}
  .shb-hpano .shb-logo-text{font-size:30px}
  .shb-hpano .shb-logo.is-center{margin:16px 0 14px}
  .shb-hman-mid{padding:14px 16px;gap:12px}
  .shb-hman-mid .shb-logo.is-big .shb-logo-text{font-size:27px}
  .shb-hman-side{display:none}
  .shb-fsmenu-in{grid-template-columns:1fr;gap:26px;padding-block:80px 40px}
  .shb-nav.is-fs .shb-menu>li>a{font-size:21px}
  .shb-h3-live{display:none}
  .shb-catsbar-in{min-height:42px}
  .is-cb-6 .shb-cbitem{min-width:66px}
}
@media(max-width:560px){
  .shb-hfs-in{grid-template-columns:auto 1fr auto}
  .shb-fs-open b{display:none}
  .shb-fsmenu-grid{grid-template-columns:1fr}
  .shb-cbitem{font-size:13px;padding:6px 10px}
}