/* ===============================
   Urdu News Point – Single Post (Premium RTL)
=================================*/
.single-root{direction:rtl}
.single-wrap.container{width:min(1200px,96%);margin:28px auto}
.single-wrap.layout-right{display:grid;grid-template-columns: minmax(0,1fr) 320px;gap:26px}
.single-wrap.layout-left{display:grid;grid-template-columns: 320px minmax(0,1fr);gap:26px}
.single-wrap.layout-none{display:block}
main.single-main {padding: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, .06);}
@media(max-width:992px){
  .single-wrap.layout-right,
  .single-wrap.layout-left{grid-template-columns:1fr}
}

/* Sidebar */
.single-sidebar{
  background: var(--sb-bg,#fff);
  color: var(--sb-text,#111);
  border-radius:14px; padding:18px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}
/* ===================================================
   🧲 Sticky Sidebar + Mobile Position
=================================================== */
.single-sidebar.sidebar-sticky {
  position: sticky;
  top: 90px; /* adjust based on your header height */
  align-self: flex-start;
  height: fit-content;
}

@media (max-width: 992px) {
  /* On mobile, sticky off and move below content */
  .single-sidebar.sidebar-sticky {
    display: none;
  }

  .single-sidebar.sidebar-mobile {
    display: block;
    margin-top: 30px;
  }
}

@media (min-width: 993px) {
  .single-sidebar.sidebar-mobile {
    display: none;
  }
}

/* Title */
.single-title{
  margin:8px 0 14px; text-align:right;
}
.single-title span{
  display:inline-block;
  font-weight:900; font-size:clamp(22px, 2.6vw, 36px);
  padding-bottom:6px; border-bottom:3px solid #0b1b28;
}

/* Hero Image */
.single-hero{margin:10px 0 16px}
.single-hero .hero-img{
  width:100%; height:auto; display:block; border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  object-fit:cover;
}

/* Meta chips */
.single-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 18px}
.single-meta .m-avatar .avt{border-radius:50%; box-shadow:0 0 0 2px #fff, 0 0 0 3px #e9eef3}
.single-meta .m-chip{
  display:inline-flex; gap:6px; align-items:center;
  background:#f2f5f9; color:#334155; border:1px solid #e5ebf1;
  padding:6px 10px; border-radius:999px; font-size:13px; line-height:1;
}
.single-meta .m-chip svg{width:16px;height:16px;fill:#64748b}

/* Typography (GLOBAL) */
.single-root{--s-fs:18px; --s-lh:1.9}
.single-article{font-size:var(--s-fs); line-height:var(--s-lh); color:#0f172a}
.single-article p,.single-article li,.single-article blockquote{line-height:var(--s-lh)}
.single-article img{max-width:100%;height:auto;border-radius:10px}
.single-article blockquote{
  margin:1.2em 0; padding:12px 16px; border-inline-start:4px solid #0b1b28;
  background:#f8fafc; border-radius:10px; color:#111;
}

/* Share – brand colors + 3 VIP designs */
.single-share{display:flex;gap:10px;margin:14px 0 12px}
.single-share .sh{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.single-share .sh svg{width:20px;height:20px;fill:#fff}

/* Design 1: rounded squares */
.single-share.d1 .sh{width:42px;height:42px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:.25s}
.single-share.d1 .sh:hover{transform:translateY(-2px);opacity:.95}

/* Design 2: circular */
.single-share.d2 .sh{width:44px;height:44px;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:.25s}
.single-share.d2 .sh:hover{transform:translateY(-3px)}

/* Design 3: pills with labels */
.single-share.d3{gap:12px;flex-wrap:wrap}
.single-share.d3 .sh{height:40px;border-radius:22px;padding:0 14px;gap:8px;color:#fff;font-weight:600}
.single-share.d3 .sh::after{content:attr(aria-label);font-size:13px}

/* Brand colors */
.single-share .fb{background:#1877F2}
.single-share .tw{background:#000000}
.single-share .wa{background:#25D366}
.single-share .li{background:#0A66C2}

/* Sticky share */
.single-share.sticky{position:fixed;top:32%;z-index:1000;flex-direction:column}
.single-share.sticky.sticky-right{inset-inline-end:18px}
.single-share.sticky.sticky-left{inset-inline-start:18px}
@media(max-width:992px){.single-share.sticky{display:none}}

/* Must Read */
.mustread.wrap{margin:22px 0;padding:16px;border:1px solid var(--color-primary);border-radius:14px;background:#fff}
.mustread .mr-head{margin-bottom: 25px;text-align: right;margin-top: -36px;margin-right: 26px;background: #ffffff;width: max-content;}
.mustread .mr-head span{font-weight:800;border-bottom:2px dashed var(--color-primary);padding-bottom:6px;color: var(--color-primary);}
.mustread .mr-items{display:grid;gap:12px}

/* m1 grid */
.mustread.m1 .mr-items{grid-template-columns:repeat(2,1fr)}
/* m2 list */
.mustread.m2 .mr-items{grid-template-columns:1fr}
/* m3 compact two-column */
.mustread.m3 .mr-items{grid-template-columns:repeat(2,1fr)}
@media(max-width:680px){
  .mustread.m1 .mr-items,
  .mustread.m3 .mr-items{grid-template-columns:1fr}
}

.mr-item{
  display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;
  background:#f9fbfd;border:1px solid #e6edf5;border-radius:12px;padding:10px;transition:.25s
}
.mr-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.mr-thumb img{width:86px;height:64px;object-fit:cover;border-radius:10px}

/* Related */
.single-related{margin:28px 0}
article.rel-card h4 {text-align: center;font-size: 19px;margin: 10px 4px;}
.single-related .rel-title{text-align:right;margin:0 0 12px}
.single-related .rel-title span{font-weight:900;border-bottom:3px solid #0b1b28;padding-bottom:6px;font-size:25px}
.single-related .rel-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
@media(max-width:992px){.single-related .rel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.single-related .rel-grid{grid-template-columns:1fr}}
.rel-card{background:#fff;border:1px solid #eaeef4;overflow:hidden;transition:.25s}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.rel-card .thumb img{width:100%;height:auto;object-fit:scale-down;display:block}/* 
/* Content RTL utility */
.rtl{text-align:right}
.content-rtl *{text-align:inherit}

/* Accessibility tweaks */
.single-share a:focus{outline:2px dashed #94a3b8;outline-offset:2px}
div#unp_featured_news-4 h3 {font-family: 'Jameel Noori';font-size: 25px;border-bottom: 2px solid;}