/* ==========================================================================
   الشبكة نيوز — أشكال رأس المقال الـ 12 (الصورة البارزة + العنوان)
   ========================================================================== */

.shb-shead{margin-bottom:20px}
.shb-shead .shb-cat{margin-bottom:10px}
.shb-shead-tx{min-width:0}

.shb-single-title{margin:0 0 10px}
.shb-single-sub{font-size:17px;color:var(--shb-muted);font-weight:600;line-height:1.85;margin:0 0 12px}

/* الصورة البارزة */
.shb-featured{position:relative;margin:16px 0 0;border-radius:var(--shb-radius);overflow:hidden;background:#e7ebf1}
.shb-featured img{width:100%;height:100%;object-fit:cover;display:block}
.shb-featured.is-auto{aspect-ratio:auto}
.shb-featured.is-auto img{height:auto;object-fit:initial}
.shb-ratio-3x2{aspect-ratio:3/2}
.shb-featured figcaption{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(transparent,rgba(6,10,17,.85));color:#fff;font-size:13px;padding:22px 14px 10px}
.shb-featured.is-auto figcaption{position:static;background:none;color:var(--shb-muted);padding:8px 2px;text-align:center}

/* بيانات المقال */
.shb-single-meta{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;font-size:13.5px;color:var(--shb-muted);border-block:1px solid var(--shb-border);padding:12px 0;margin:14px 0 0}
.shb-author-mini{display:flex;align-items:center;gap:10px}
.shb-author-mini img{width:40px;height:40px;border-radius:50%}
.shb-author-in{display:flex;flex-direction:column;line-height:1.55}
.shb-author-in b{color:var(--shb-text);font-size:14.5px}
.shb-author-in i{font-style:normal;font-size:12.5px}
.shb-by{font-style:normal;font-weight:600;color:var(--shb-muted);font-size:13px}
.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-author-in i{display:inline-flex;align-items:center;gap:5px}
.shb-author-in i svg{width:13px;height:13px;opacity:.85}
.shb-single-meta.is-bar,.shb-single-meta.is-solid{border:0;border-radius:var(--shb-radius);padding:11px 16px;color:#fff}
.shb-single-meta.is-bar{background:linear-gradient(90deg,var(--shb-primary),var(--shb-secondary))}
.shb-single-meta.is-solid{background:var(--shb-primary)}
.shb-single-meta.is-bar .shb-author-in b,.shb-single-meta.is-solid .shb-author-in b{color:#fff}
.shb-single-meta.is-bar .shb-by,.shb-single-meta.is-solid .shb-by{color:rgba(255,255,255,.75)}
.shb-single-meta.is-bar .shb-meta-x,.shb-single-meta.is-solid .shb-meta-x,
.shb-single-meta.is-bar .shb-author-in i,.shb-single-meta.is-solid .shb-author-in i{color:rgba(255,255,255,.92)}
.shb-single-meta.is-bar img,.shb-single-meta.is-solid img{box-shadow:0 0 0 2px rgba(255,255,255,.45)}
.shb-single-meta.is-card{background:var(--shb-bg);border:1px solid var(--shb-border);border-radius:var(--shb-radius);padding:11px 16px}

/* ==========================================================================
   3 · 4 · 12 — الأغلفة (العنوان فوق الصورة)
   ========================================================================== */
.shb-shead-cover{position:relative;border-radius:var(--shb-radius);overflow:hidden;min-height:390px;display:flex}
.shb-shead-cover .shb-featured.is-cover{position:absolute;inset:0;margin:0;border-radius:0;aspect-ratio:auto}
.shb-shead-cover .shb-featured.is-cover img{width:100%;height:100%;object-fit:cover}
.shb-shead-cover .shb-featured figcaption{display:none}
.shb-shead-ov{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(180deg,rgba(6,10,17,.1) 25%,rgba(6,10,17,.92))}
.shb-shead-ov-in{width:100%}
.shb-shead-cover .shb-single-title,.shb-shead-cover .shb-single-sub{color:#fff}
.shb-shead-cover .shb-single-sub{color:rgba(255,255,255,.85)}
.shb-shead-cover .shb-single-meta{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.shb-shead-cover .shb-author-in b{color:#fff}
.shb-shead-cover .shb-by{color:rgba(255,255,255,.7)}

.shb-sh-4 .shb-shead-cover{margin:-18px -18px 22px;border-radius:var(--shb-radius) var(--shb-radius) 0 0;min-height:470px}
.shb-sh-4 .shb-shead-ov{padding:34px}
.shb-sh-12 .shb-shead-ov{background:linear-gradient(180deg,transparent 10%,rgba(6,10,17,.94));clip-path:polygon(0 34%,100% 4%,100% 100%,0 100%);padding-top:64px}

/* ==========================================================================
   5 — نصفان
   ========================================================================== */
.shb-shead-split{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:center}
.shb-shead-split .shb-featured{margin:0}
.shb-shead-split .shb-single-meta{border-block:0;padding:0;margin-top:12px}

/* ==========================================================================
   6 — متمركز
   ========================================================================== */
.shb-shead-tx.is-center{text-align:center}
.shb-shead-tx.is-center .shb-single-meta{justify-content:center;border-top:0}
.shb-shead-tx.is-center .shb-single-sub{max-width:760px;margin-inline:auto}

/* ==========================================================================
   7 — لوحة ملوّنة والصورة متداخلة
   ========================================================================== */
.shb-shead-panel{background:linear-gradient(125deg,var(--shb-primary),var(--shb-secondary));border-radius:var(--shb-radius);padding:30px 26px 62px;color:#fff}
.shb-shead-panel .shb-single-title{color:#fff}
.shb-shead-panel .shb-single-sub{color:rgba(255,255,255,.85);margin:0}
.shb-shead-panel .shb-cat{background:rgba(255,255,255,.2)}
.shb-featured.is-overlap{margin:-44px 24px 0;border:5px solid var(--shb-card);box-shadow:var(--shb-shadow-lg)}
.shb-sh-7 .shb-single-meta{margin-top:16px}

/* ==========================================================================
   8 — إطار جانبي
   ========================================================================== */
.shb-shead-tx.is-edge{border-inline-start:5px solid var(--shb-primary);padding-inline-start:18px}
.shb-shead-tx.is-edge .shb-single-meta{border-bottom:0}

/* ==========================================================================
   9 — خطوط فاصلة + صورة سينمائية
   ========================================================================== */
.shb-shead-tx.is-lines{text-align:center;border-top:3px solid var(--shb-primary);border-bottom:1px solid var(--shb-border);padding:18px 0 4px}
.shb-shead-tx.is-lines .shb-single-meta{justify-content:center;border-bottom:0}
.shb-featured.is-cinema{aspect-ratio:21/9!important}

/* ==========================================================================
   10 — خلفية مموّهة
   ========================================================================== */
.shb-shead-blur{position:relative;margin-top:16px;border-radius:var(--shb-radius);overflow:hidden;padding:26px;background-size:cover;background-position:center;display:flex;justify-content:center}
.shb-shead-blur::before{content:"";position:absolute;inset:0;backdrop-filter:blur(26px) saturate(1.3);background:rgba(8,12,20,.3)}
.shb-featured.is-inblur{position:relative;z-index:2;margin:0;max-width:74%;box-shadow:0 18px 44px rgba(0,0,0,.4)}

/* ==========================================================================
   11 — نصي فقط
   ========================================================================== */
.shb-shead-tx.is-textonly{padding:6px 0 0}
.shb-sh-11 .shb-single-title{font-size:calc(var(--shb-fs-single, 34px) * 1.08)}

/* ==========================================================================
   الاستجابة
   ========================================================================== */
@media(max-width:900px){
  .shb-shead-split{grid-template-columns:1fr;gap:16px}
  .shb-shead-cover{min-height:320px}
  .shb-sh-4 .shb-shead-cover{min-height:340px}
  .shb-shead-ov,.shb-sh-4 .shb-shead-ov{padding:20px}
  .shb-featured.is-inblur{max-width:92%}
  .shb-shead-panel{padding:22px 18px 54px}
  .shb-featured.is-overlap{margin:-38px 14px 0;border-width:4px}
}
@media(max-width:560px){
  .shb-shead-cover,.shb-sh-4 .shb-shead-cover{min-height:260px}
  .shb-sh-12 .shb-shead-ov{clip-path:none;padding-top:20px}
  .shb-shead-blur{padding:14px}
  .shb-single-sub{font-size:15.5px}
  .shb-single-meta{gap:10px 14px;font-size:12.5px}
}