/*
Theme Name: Shabaka News
Theme URI: https://shabaka-news.com/theme
Author: Salama Themes
Author URI: https://shabaka-news.com
Description: قالب "الشبكة نيوز" — قالب إخباري عربي احترافي متكامل (RTL) يضم 18 شكل هيدر مختلفاً، 10 سلايدرات إخبارية عصرية، 101 شكل ودجة/قسم قابلة للاختيار، لوحة تحكم كاملة للألوان والخطوط والمقاسات، وبناء الصفحة الرئيسية بالودجات.
Version: 1.1.0
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shabaka-news
Tags: news, magazine, rtl-language-support, right-sidebar, custom-colors, custom-menu, featured-images, translation-ready, blog, grid-layout
*/

/* ==========================================================================
   1) المتغيرات الأساسية
   ========================================================================== */
:root{
  --shb-primary:#c8102e;
  --shb-primary-d:#9c0c24;
  --shb-secondary:#0f172a;
  --shb-accent:#f59e0b;
  --shb-bg:#f2f4f7;
  --shb-card:#ffffff;
  --shb-text:#16202e;
  --shb-muted:#6b7684;
  --shb-border:#e3e7ee;
  --shb-link:#16202e;
  --shb-radius:10px;
  --shb-radius-sm:6px;
  --shb-shadow:0 2px 14px rgba(16,24,40,.07);
  --shb-shadow-lg:0 12px 34px rgba(16,24,40,.13);
  --shb-container:1280px;
  --shb-gap:24px;
  --shb-font-head:"Tajawal",system-ui,"Segoe UI",Tahoma,Arial,sans-serif;
  --shb-font-body:"Tajawal",system-ui,"Segoe UI",Tahoma,Arial,sans-serif;
  --shb-fs-base:16px;
  --shb-fs-title:19px;
  --shb-fs-widget:18px;
  --shb-fs-nav:15.5px;
  --shb-font-nav:var(--shb-font-head);
  --shb-header-bg:#ffffff;
  --shb-header-bg2:#0f172a;
  --shb-header-text:#16202e;
  --shb-nav-bg:#0f172a;
  --shb-nav-text:#e8edf5;
  --shb-nav-hover-bg:#c8102e;
  --shb-nav-hover-tx:#ffffff;
  --shb-catsbar-bg:#ffffff;
  --shb-catsbar-text:#16202e;
  --shb-btn-bg:#c8102e;
  --shb-btn-text:#ffffff;
  --shb-btn-hover:#9c0c24;
  --shb-header-h:96px;
  --shb-logo-h:56px;
}

/* ==========================================================================
   2) إعادة الضبط
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;padding:0;direction:rtl;text-align:right;
  background:var(--shb-bg);color:var(--shb-text);
  font-family:var(--shb-font-body);font-size:var(--shb-fs-base);
  line-height:1.8;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--shb-font-head);margin:0 0 .6em;line-height:1.45;font-weight:800;color:var(--shb-text)}
p{margin:0 0 1em}
a{color:var(--shb-link);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--shb-primary)}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0 0 1em;padding-inline-start:1.4em}
figure{margin:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
iframe{max-width:100%}
table{width:100%;border-collapse:collapse}
::selection{background:var(--shb-primary);color:#fff}

.shb-scroll::-webkit-scrollbar{height:6px;width:6px}
.shb-scroll::-webkit-scrollbar-thumb{background:var(--shb-primary);border-radius:8px}
.shb-scroll::-webkit-scrollbar-track{background:var(--shb-border)}

/* ==========================================================================
   3) الهيكل العام
   ========================================================================== */
.shb-container{width:100%;max-width:var(--shb-container);margin-inline:auto;padding-inline:16px}
.shb-boxed .shb-site{max-width:calc(var(--shb-container) + 60px);margin-inline:auto;background:var(--shb-bg);box-shadow:var(--shb-shadow-lg)}
.shb-framed .shb-site{max-width:calc(var(--shb-container) + 80px);margin:18px auto;background:var(--shb-bg);border:1px solid var(--shb-border);border-radius:16px;overflow:hidden}
.shb-main-wrap{padding:26px 0 40px}
.shb-layout{display:grid;gap:var(--shb-gap);align-items:start}
.shb-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 330px}
.shb-layout.sidebar-left{grid-template-columns:330px minmax(0,1fr)}
.shb-layout.sidebar-left .shb-content{order:2}
.shb-layout.sidebar-left .shb-sidebar{order:1}
.shb-layout.no-sidebar{grid-template-columns:minmax(0,1fr)}
.shb-sidebar.is-sticky{position:sticky;top:90px}
.shb-content{min-width:0}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.shb-skip{position:absolute;right:-9999px;top:0;background:var(--shb-primary);color:#fff;padding:10px 18px;z-index:9999}
.shb-skip:focus{right:10px;color:#fff}

/* ==========================================================================
   4) البطاقات وعناوين الأقسام
   ========================================================================== */
.shb-box{background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);box-shadow:var(--shb-shadow);margin-bottom:var(--shb-gap);overflow:hidden}
.shb-box-in{padding:18px}

.shb-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}
.shb-head h2,.shb-head h3,.shb-head .shb-head-t{margin:0;font-size:var(--shb-fs-widget);font-weight:800;letter-spacing:-.2px}
.shb-head .shb-more{margin-inline-start:auto;font-size:13px;color:var(--shb-muted);font-weight:700;display:inline-flex;align-items:center;gap:5px}
.shb-head .shb-more:hover{color:var(--shb-primary)}
.shb-head .shb-more svg{width:14px;height:14px}

/* أنماط عنوان القسم (10 أشكال) */
.shb-ht-1 .shb-head-t{border-inline-start:5px solid var(--shb-primary);padding-inline-start:12px}
.shb-ht-2{border-bottom:2px solid var(--shb-border);padding-bottom:10px}
.shb-ht-2 .shb-head-t{position:relative}
.shb-ht-2 .shb-head-t::after{content:"";position:absolute;inset-inline-start:0;bottom:-12px;width:100%;height:2px;background:var(--shb-primary)}
.shb-ht-3 .shb-head-t{background:var(--shb-primary);color:#fff;padding:7px 16px;border-radius:var(--shb-radius-sm)}
.shb-ht-4 .shb-head-t{background:linear-gradient(90deg,var(--shb-primary),var(--shb-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.shb-ht-5{border:1px solid var(--shb-border);border-radius:var(--shb-radius-sm);padding:9px 14px;background:var(--shb-card)}
.shb-ht-6 .shb-head-t{padding-bottom:8px;border-bottom:3px double var(--shb-primary)}
.shb-ht-7 .shb-head-t::before{content:"";display:inline-block;width:10px;height:10px;background:var(--shb-primary);border-radius:50%;margin-inline-end:8px;box-shadow:0 0 0 4px rgba(200,16,46,.18)}
.shb-ht-8{background:var(--shb-secondary);border-radius:var(--shb-radius-sm);padding:10px 15px}
.shb-ht-8 .shb-head-t,.shb-ht-8 .shb-more{color:#fff}
.shb-ht-9 .shb-head-t{letter-spacing:1px;font-size:calc(var(--shb-fs-widget) - 2px);border:2px solid var(--shb-text);padding:5px 14px;border-radius:40px}
.shb-ht-10{justify-content:center;text-align:center;flex-direction:column;gap:6px}
.shb-ht-10 .shb-more{margin:0}
.shb-ht-10 .shb-head-t::after{content:"";display:block;width:60px;height:3px;background:var(--shb-primary);margin:8px auto 0}

/* ==========================================================================
   5) عناصر عامة للمقالات
   ========================================================================== */
.shb-thumb{position:relative;display:block;overflow:hidden;background:#dfe3ea;border-radius:var(--shb-radius-sm)}
.shb-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.shb-item:hover .shb-thumb img{transform:scale(1.07)}
.shb-ratio-16x9{aspect-ratio:16/9}
.shb-ratio-4x3{aspect-ratio:4/3}
.shb-ratio-1x1{aspect-ratio:1/1}
.shb-ratio-3x4{aspect-ratio:3/4}
.shb-ratio-21x9{aspect-ratio:21/9}

.shb-cat{display:inline-block;font-size:11.5px;font-weight:800;color:#fff;background:var(--shb-primary);padding:3px 10px;border-radius:4px;line-height:1.7}
.shb-cat.is-soft{background:rgba(200,16,46,.12);color:var(--shb-primary)}
.shb-title{font-size:var(--shb-fs-title);font-weight:800;margin:0;line-height:1.55}
.shb-title a{color:inherit;background-image:linear-gradient(var(--shb-primary),var(--shb-primary));background-size:0 2px;background-repeat:no-repeat;background-position:right bottom;transition:background-size .35s,color .2s}
.shb-item:hover .shb-title a{background-size:100% 2px;color:var(--shb-primary)}
.shb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;color:var(--shb-muted);margin-top:8px}
.shb-meta span{display:inline-flex;align-items:center;gap:4px}
.shb-meta svg{width:13px;height:13px;opacity:.75}
.shb-excerpt{font-size:14.5px;color:var(--shb-muted);margin:8px 0 0;line-height:1.85}
.shb-item{position:relative;min-width:0}

.shb-badge-live{background:#e11d48;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px;display:inline-flex;gap:5px;align-items:center}
.shb-badge-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:shbPulse 1.2s infinite}
@keyframes shbPulse{0%,100%{opacity:1}50%{opacity:.2}}

.shb-num{font-family:var(--shb-font-head);font-weight:900;line-height:1}
.shb-empty{padding:18px;text-align:center;color:var(--shb-muted);font-size:14px}

/* ==========================================================================
   6) الأزرار والنماذج
   ========================================================================== */
.shb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--shb-primary);color:#fff;border:0;border-radius:var(--shb-radius-sm);padding:11px 22px;font-weight:800;font-size:14.5px;transition:.2s}
.shb-btn:hover{background:var(--shb-primary-d);color:#fff;transform:translateY(-1px)}
.shb-btn.is-ghost{background:transparent;border:1.5px solid var(--shb-border);color:var(--shb-text)}
.shb-btn.is-ghost:hover{border-color:var(--shb-primary);color:var(--shb-primary);background:transparent}
input[type=text],input[type=email],input[type=url],input[type=search],input[type=password],input[type=number],textarea,select{
  width:100%;background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius-sm);
  padding:11px 14px;outline:0;transition:border-color .2s,box-shadow .2s
}
input:focus,textarea:focus,select:focus{border-color:var(--shb-primary);box-shadow:0 0 0 3px rgba(200,16,46,.12)}
.shb-searchform{display:flex;gap:8px}
.shb-searchform .shb-btn{padding-inline:18px}

/* ==========================================================================
   7) المقال المفرد
   ========================================================================== */
.shb-single-head{margin-bottom:20px}
.shb-single-head .shb-cat{margin-bottom:12px}
.shb-single-title{font-size:34px;line-height:1.4;margin:0 0 12px}
.shb-single-sub{font-size:18px;color:var(--shb-muted);font-weight:600;margin:0 0 14px}
.shb-single-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:13.5px;color:var(--shb-muted);border-block:1px solid var(--shb-border);padding:12px 0;margin-bottom:18px}
.shb-author-mini{display:flex;align-items:center;gap:9px}
.shb-author-mini img{width:38px;height:38px;border-radius:50%}
.shb-author-mini b{color:var(--shb-text);font-size:14px}
.shb-featured{margin-bottom:20px;border-radius:var(--shb-radius);overflow:hidden}
.shb-featured figcaption{font-size:13px;color:var(--shb-muted);padding:8px 4px;text-align:center}
.shb-entry{font-size:17.5px;line-height:2.1}
.shb-entry h2{font-size:26px;margin-top:1.4em}
.shb-entry h3{font-size:22px;margin-top:1.3em}
.shb-entry img{border-radius:var(--shb-radius);margin-block:14px}
.shb-entry blockquote{margin:22px 0;padding:16px 20px;border-inline-start:5px solid var(--shb-primary);background:rgba(200,16,46,.05);border-radius:var(--shb-radius-sm);font-weight:700}
.shb-entry blockquote p:last-child{margin:0}
.shb-entry ul li,.shb-entry ol li{margin-bottom:.5em}
.shb-entry table th,.shb-entry table td{border:1px solid var(--shb-border);padding:10px}
.shb-entry table th{background:rgba(0,0,0,.03)}
.shb-entry a{color:var(--shb-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.shb-entry pre{background:var(--shb-secondary);color:#e2e8f0;padding:16px;border-radius:var(--shb-radius);overflow:auto;direction:ltr;text-align:left}
.shb-entry code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:4px;font-size:.9em}
.shb-entry .alignleft{float:left;margin:0 18px 14px 0}
.shb-entry .alignright{float:right;margin:0 0 14px 18px}
.shb-entry .aligncenter{margin-inline:auto}

.shb-share{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.shb-share a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--shb-secondary);transition:.2s}
.shb-share a:hover{transform:translateY(-3px);color:#fff}
.shb-share svg{width:17px;height:17px;fill:currentColor}
.shb-sh-fb{background:#1877f2}.shb-sh-tw{background:#111}.shb-sh-wa{background:#25d366}
.shb-sh-tg{background:#29a9eb}.shb-sh-ln{background:#0a66c2}.shb-sh-cp{background:#64748b}

.shb-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;align-items:center}
.shb-tags a{font-size:13px;background:var(--shb-bg);border:1px solid var(--shb-border);padding:5px 13px;border-radius:30px;font-weight:700}
.shb-tags a:hover{background:var(--shb-primary);color:#fff;border-color:var(--shb-primary)}

.shb-authorbox{display:flex;gap:16px;background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:18px;margin:24px 0}
.shb-authorbox img{width:74px;height:74px;border-radius:50%;flex:0 0 auto}
.shb-authorbox h4{margin:0 0 6px;font-size:17px}
.shb-authorbox p{margin:0;font-size:14px;color:var(--shb-muted)}

.shb-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.shb-prevnext a{background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:14px}
.shb-prevnext span{font-size:12px;color:var(--shb-muted);font-weight:700;display:block;margin-bottom:5px}
.shb-prevnext b{font-size:15px;font-weight:800;display:block;line-height:1.6}

.shb-progress{position:fixed;top:0;right:0;height:3px;background:var(--shb-primary);z-index:9999;width:0;transition:width .15s}

/* التعليقات */
.shb-comments{margin-top:26px}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list li{margin-bottom:16px}
.comment-list .children{list-style:none;padding-inline-start:26px;margin-top:16px}
.comment-body{background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:16px}
.comment-author{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800}
.comment-author img{border-radius:50%}
.comment-metadata{font-size:12px;color:var(--shb-muted);margin:4px 0 8px}
.comment-reply-link{font-size:13px;font-weight:700;color:var(--shb-primary)}
.comment-respond{background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:18px;margin-top:18px}
.comment-form p{margin-bottom:12px}
.comment-form label{font-size:13.5px;font-weight:700;display:block;margin-bottom:5px}
.comment-form input[type=submit]{background:var(--shb-primary);color:#fff;border:0;border-radius:var(--shb-radius-sm);padding:11px 26px;font-weight:800}

/* ==========================================================================
   8) الأرشيف والتصفح
   ========================================================================== */
.shb-arch-head{background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:20px;margin-bottom:var(--shb-gap)}
.shb-arch-head h1{margin:0;font-size:27px}
.shb-arch-head p{margin:6px 0 0;color:var(--shb-muted);font-size:14.5px}
.shb-arch-hero{position:relative;border-radius:var(--shb-radius);overflow:hidden;min-height:200px;display:flex;align-items:flex-end;padding:22px;color:#fff;background:var(--shb-secondary);margin-bottom:var(--shb-gap)}
.shb-arch-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.shb-arch-hero .in{position:relative;z-index:2}
.shb-arch-hero h1{color:#fff;margin:0}
.shb-arch-hero p{color:rgba(255,255,255,.8);margin:6px 0 0}
.shb-subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.shb-subcats a{font-size:13px;font-weight:700;background:var(--shb-bg);border:1px solid var(--shb-border);padding:5px 14px;border-radius:30px}
.shb-subcats a:hover{background:var(--shb-primary);border-color:var(--shb-primary);color:#fff}

.shb-crumbs{font-size:13px;color:var(--shb-muted);margin-bottom:14px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.shb-crumbs a{color:var(--shb-muted)}
.shb-crumbs a:hover{color:var(--shb-primary)}
.shb-crumbs .sep{opacity:.5}

.shb-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 6px}
.shb-pagination .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;background:var(--shb-card);border:1px solid var(--shb-border);border-radius:var(--shb-radius-sm);font-weight:800;font-size:14px;padding:0 12px}
.shb-pagination .page-numbers.current,.shb-pagination .page-numbers:hover{background:var(--shb-primary);border-color:var(--shb-primary);color:#fff}

/* ==========================================================================
   9) الفوتر
   ========================================================================== */
.shb-footer{background:var(--shb-secondary);color:#c6cedb;margin-top:30px}
.shb-footer a{color:#e7ecf3}
.shb-footer a:hover{color:var(--shb-accent)}
.shb-footer h2,.shb-footer h3,.shb-footer .shb-head-t{color:#fff}
.shb-footer .shb-box{background:transparent;border:0;box-shadow:none}
.shb-footer .shb-title{font-size:15.5px}
.shb-footer .shb-meta{color:#94a3b8}
.shb-footer-top{padding:40px 0 20px}
.shb-fgrid{display:grid;gap:30px}
.shb-fcols-1{grid-template-columns:1fr}
.shb-fcols-2{grid-template-columns:repeat(2,1fr)}
.shb-fcols-3{grid-template-columns:repeat(3,1fr)}
.shb-fcols-4{grid-template-columns:repeat(4,1fr)}
.shb-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:13.5px}
.shb-fbottom-in{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.shb-fmenu{display:flex;gap:16px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.shb-footer-logo img{max-height:52px;margin-bottom:12px}
.shb-fabout{font-size:14px;line-height:1.9;color:#a8b4c6}

.shb-totop{position:fixed;inset-inline-start:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--shb-primary);color:#fff;display:grid;place-items:center;box-shadow:var(--shb-shadow-lg);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;z-index:900;border:0}
.shb-totop.is-on{opacity:1;visibility:visible;transform:none}
.shb-totop svg{width:19px;height:19px}

/* ==========================================================================
   10) الوضع الليلي
   ========================================================================== */
body.shb-dark{
  --shb-bg:#0c1118;--shb-card:#141b25;--shb-text:#e8edf5;--shb-muted:#93a1b5;
  --shb-border:#212c3a;--shb-secondary:#070b11;--shb-link:#e8edf5;
  --shb-shadow:0 2px 14px rgba(0,0,0,.4);--shb-shadow-lg:0 12px 34px rgba(0,0,0,.55);
}
body.shb-dark .shb-entry pre{background:#070b11}
body.shb-dark .shb-thumb{background:#1b2431}
.shb-darktoggle{background:transparent;border:0;color:inherit;display:grid;place-items:center;width:36px;height:36px;border-radius:8px}
.shb-darktoggle:hover{background:rgba(127,127,127,.14)}
.shb-darktoggle svg{width:18px;height:18px}
body.shb-dark .shb-sun{display:block}body.shb-dark .shb-moon{display:none}
.shb-sun{display:none}.shb-moon{display:block}

/* ==========================================================================
   11) أدوات مساعدة
   ========================================================================== */
.shb-hide{display:none!important}
.shb-center{text-align:center}
.shb-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.shb-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shb-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shb-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.shb-ad{margin-bottom:var(--shb-gap);text-align:center}
.shb-ad img{margin-inline:auto}

.shb-anim{opacity:0;transform:translateY(14px)}
.shb-anim.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}

/* ==========================================================================
   11.5) عناصر متفرّقة
   ========================================================================== */
.shb-preloader{position:fixed;inset:0;z-index:99999;background:var(--shb-bg);display:grid;place-items:center;animation:shbHide .4s 1.1s forwards}
.shb-preloader span{width:44px;height:44px;border-radius:50%;border:3px solid var(--shb-border);border-top-color:var(--shb-primary);animation:shbSpin .8s linear infinite}
@keyframes shbSpin{to{transform:rotate(360deg)}}
@keyframes shbHide{to{opacity:0;visibility:hidden}}

.shb-home-area{padding-top:8px}
.shb-home-area .widget:last-child{margin-bottom:var(--shb-gap)}
.shb-single-bottom{margin-bottom:var(--shb-gap)}
.shb-single-meta .shb-meta-x{display:inline-flex;align-items:center;gap:5px}
.shb-single-meta .shb-meta-x svg{width:14px;height:14px;opacity:.8}
.shb-ad-incontent{margin:22px 0}
.shb-sh-cp{position:relative}
.shb-sh-cp.is-done::after{content:"تم النسخ";position:absolute;bottom:calc(100% + 7px);inset-inline-start:50%;transform:translateX(50%);background:var(--shb-secondary);color:#fff;font-size:11.5px;padding:4px 9px;border-radius:5px;white-space:nowrap}
.shb-404 .shb-box-in h1{font-size:26px}
.shb-related .shb-box-in{padding-top:18px}

/* ==========================================================================
   12) الاستجابة
   ========================================================================== */
@media(max-width:1100px){
  :root{--shb-gap:20px}
  .shb-layout.has-sidebar,.shb-layout.sidebar-left{grid-template-columns:minmax(0,1fr)}
  .shb-sidebar{order:3!important}
  .shb-content{order:1!important}
  .shb-fcols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:782px){
  :root{--shb-fs-title:17px;--shb-fs-base:15.5px}
  .shb-single-title{font-size:26px}
  .shb-entry{font-size:16.5px;line-height:2}
  .shb-fcols-3,.shb-fcols-2{grid-template-columns:1fr}
  .shb-prevnext{grid-template-columns:1fr}
  .shb-fbottom-in{justify-content:center;text-align:center}
}
@media(max-width:560px){
  .shb-container{padding-inline:13px}
  .shb-single-title{font-size:23px}
  .shb-fcols-4{grid-template-columns:1fr}
}