*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f0eb;color:#171717;font-family:Tahoma,Arial,sans-serif;line-height:2}a{text-decoration:none;color:inherit}.detail-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(120,53,15,.12);backdrop-filter:blur(18px)}.detail-nav{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-logo{font-weight:900;font-size:20px;color:#5b1111}.detail-nav nav{display:flex;align-items:center;gap:20px;font-size:14px;color:#4b5563}.detail-nav nav a{transition:.2s}.detail-nav nav a:hover{color:var(--brand,#7f1d1d)}.detail-back{background:#5b1111;color:#fff;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(91,17,17,.18)}.detail-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}.detail-hero{display:grid;grid-template-columns:1.05fr .85fr;overflow:hidden;border-radius:34px;background:radial-gradient(circle at top right,rgba(212,175,55,.28),transparent 30%),linear-gradient(135deg,#1a1010,#581c1c 52%,#0f0f0f);box-shadow:0 28px 90px rgba(70,20,20,.18);min-height:430px}.detail-hero-text{padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;justify-content:center;color:#fff}.detail-kicker{display:inline-flex;width:fit-content;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 13px;font-size:12px;margin-bottom:16px;color:#f8e7b4}.detail-hero h1{margin:0 0 14px;font-size:clamp(30px,5vw,54px);line-height:1.35;letter-spacing:-.04em}.detail-hero p{margin:0;color:rgba(255,255,255,.76);font-size:16px;max-width:720px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.detail-actions a{border-radius:999px;padding:10px 18px;font-weight:800;font-size:13px}.detail-actions a:first-child{background:#d4af37;color:#231306}.detail-actions a:last-child{border:1px solid rgba(255,255,255,.22);color:#fff}.detail-hero-image{position:relative;min-height:430px;background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden}.detail-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,16,16,.06),rgba(26,16,16,.42))}.detail-hero-image span{position:relative;z-index:2;color:rgba(255,255,255,.54);font-weight:900;font-size:26px}.detail-hero-image:not(.no-image) span{display:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:24px}.detail-content-card,.detail-side-card{background:rgba(255,255,255,.9);border:1px solid rgba(120,53,15,.1);border-radius:28px;padding:26px;box-shadow:0 12px 40px rgba(60,25,25,.06)}.detail-content-card h2,.detail-side-card h2{margin:0 0 16px;color:#5b1111;font-size:22px}.detail-content{font-size:16px;color:#262626}.detail-content p{margin:0 0 18px}.detail-side{display:flex;flex-direction:column;gap:16px}.detail-meta-row{padding:12px 0;border-bottom:1px solid rgba(120,53,15,.1)}.detail-meta-row:last-child{border-bottom:0}.detail-meta-row span{display:block;color:#8a7b72;font-size:12px;line-height:1.6}.detail-meta-row strong{display:block;color:#171717;font-size:14px;word-break:break-word}.detail-muted{margin:0;color:#8a7b72}.detail-related-list{display:flex;flex-direction:column;gap:10px}.detail-related-list a{display:block;padding:12px 14px;border:1px solid rgba(120,53,15,.1);border-radius:18px;background:#fff;color:#2b1a1a;font-weight:800;transition:.2s}.detail-related-list a:hover{transform:translateY(-2px);border-color:rgba(91,17,17,.26)}.detail-related-list small{display:block;color:#8a7b72;font-weight:400;margin-top:4px}.detail-empty{background:#fff;border:1px solid rgba(120,53,15,.12);border-radius:30px;padding:50px;text-align:center;box-shadow:0 14px 45px rgba(60,25,25,.06)}.detail-empty span{display:inline-grid;place-items:center;width:76px;height:76px;background:#fff7ed;color:#9a3412;border-radius:24px;font-weight:900;font-size:24px}.detail-empty h1{margin:18px 0 8px;color:#5b1111}.detail-empty p{margin:0 0 22px;color:#6b7280}.detail-empty a{display:inline-flex;background:#5b1111;color:#fff;border-radius:999px;padding:10px 18px;font-weight:800}@media(max-width:900px){.detail-nav{flex-wrap:wrap;padding:12px 0}.detail-nav nav{order:3;width:100%;overflow:auto;padding-bottom:4px}.detail-hero,.detail-layout{grid-template-columns:1fr}.detail-hero-image{min-height:300px;order:-1}.detail-main{padding-top:22px}.detail-side{display:block}.detail-side-card{margin-bottom:16px}}@media(max-width:520px){.detail-main,.detail-nav{width:min(100% - 24px,1180px)}.detail-hero{border-radius:24px}.detail-hero-text{padding:24px}.detail-content-card,.detail-side-card{padding:20px;border-radius:22px}.detail-actions a{width:100%;justify-content:center;text-align:center}.detail-back{padding:8px 14px}}


/* v29 - اصلاح چیدمان صفحه جزئیات نوشته
   هدف:
   1) تیتر صفحه خیلی بزرگ نباشد.
   2) عکس شاخص اگر مستطیلی بود کامل دیده شود و بریده نشود.
   3) کل کادر جزئیات جمع‌وجورتر و حرفه‌ای‌تر نمایش داده شود.
*/
.detail-main{
  width:min(1060px, calc(100% - 40px));
  padding:28px 0 58px;
}

.detail-hero{
  grid-template-columns:1fr 1fr;
  min-height:360px;
  border-radius:28px;
}

.detail-hero-text{
  padding:clamp(24px, 4vw, 42px);
}

.detail-hero h1{
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.45;
  letter-spacing:-.02em;
  margin-bottom:12px;
}

.detail-hero p{
  font-size:14px;
  line-height:2.1;
  max-width:620px;
}

.detail-kicker{
  font-size:11px;
  padding:5px 12px;
  margin-bottom:12px;
}

.detail-actions{
  margin-top:22px;
}

.detail-actions a{
  padding:9px 16px;
  font-size:12px;
}

.detail-hero-image{
  min-height:360px;
  background:#111;
  overflow:hidden;
}

.detail-hero-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#111;
}

.detail-hero-image:after{
  background:linear-gradient(90deg, rgba(26,16,16,.03), rgba(26,16,16,.18));
}

@media(max-width:900px){
  .detail-main{
    width:min(100% - 28px, 760px);
    padding-top:22px;
  }

  .detail-hero{
    grid-template-columns:1fr;
    min-height:auto;
    border-radius:24px;
  }

  .detail-hero-image{
    min-height:280px;
    order:-1;
  }

  .detail-hero h1{
    font-size:clamp(24px, 7vw, 34px);
  }
}


/* v31 - پاکسازی و مرتب‌سازی صفحه جزئیات نوشته‌ها
   مشکل قبلی: پایین صفحه کارت‌های اضافی/اطلاعات و بخش‌های شلوغ نمایش داده می‌شد.
   این نسخه صفحه جزئیات را تمیزتر می‌کند: فقط بنر، متن خبر و فوتر ساده.
*/
.detail-main{
  width:min(1060px, calc(100% - 40px));
  padding:26px 0 54px;
}

.detail-hero{
  grid-template-columns:1fr 1fr;
  min-height:340px;
  border-radius:28px;
}

.detail-hero-text{
  padding:clamp(24px, 4vw, 40px);
}

.detail-hero h1{
  font-size:clamp(27px, 3vw, 38px);
  line-height:1.45;
  letter-spacing:-.02em;
}

.detail-hero p{
  font-size:14px;
  line-height:2.1;
}

.detail-hero-image{
  min-height:340px;
  background:#111;
}

.detail-hero-image img{
  object-fit:contain;
  object-position:center center;
  background:#111;
}

.detail-layout-clean{
  display:block !important;
  grid-template-columns:none !important;
  margin-top:22px;
}

.detail-content-card-clean{
  width:100%;
  max-width:100%;
  padding:32px 34px;
}

.detail-article-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}

.detail-article-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 12px;
  border-radius:999px;
  background:#f8efe7;
  color:#7f1d1d;
  border:1px solid rgba(127,29,29,.12);
  font-size:12px;
  font-weight:800;
}

.detail-content-card-clean h2{
  margin-bottom:18px;
  font-size:22px;
}

.detail-content{
  font-size:16px;
  line-height:2.25;
  color:#262626;
}

.detail-content p{
  margin:0 0 18px;
}

.detail-side,
.detail-side-card,
.detail-related-list{
  display:none !important;
}

/* جلوگیری از شلوغی بنر بزرگ فوتر در صفحه جزئیات */
body .footer-banner,
body .footer-hero,
body .footer-big-banner,
body .simorgh-footer-banner{
  display:none !important;
}

@media(max-width:900px){
  .detail-main{
    width:min(100% - 28px, 760px);
  }

  .detail-hero{
    grid-template-columns:1fr;
    min-height:auto;
    border-radius:24px;
  }

  .detail-hero-image{
    min-height:260px;
    order:-1;
  }

  .detail-hero h1{
    font-size:clamp(24px, 7vw, 33px);
  }

  .detail-content-card-clean{
    padding:24px 20px;
    border-radius:24px;
  }

  .detail-content{
    font-size:15px;
  }
}


/* v32 - hard clean article detail page */
body.detail-clean-page-v32 footer,
body.detail-clean-page-v32 .site-footer,
body.detail-clean-page-v32 .ifx-admin-footer-restored,
body.detail-clean-page-v32 .footer-banner,
body.detail-clean-page-v32 .footer-hero,
body.detail-clean-page-v32 .footer-big-banner,
body.detail-clean-page-v32 .simorgh-footer-banner,
body.detail-clean-page-v32 .detail-side,
body.detail-clean-page-v32 .detail-side-card,
body.detail-clean-page-v32 .detail-related-list{
  display:none!important;
}


/* v38 - per-post typography support
   includes size, color, font, weight, line-height and card background.

/* v33 - per-post font size support (dynamic values are printed inline from frontend-detail.php) */
body.detail-clean-page-v32 .detail-hero h1,
body.detail-clean-page-v32 .detail-hero p,
body.detail-clean-page-v32 .detail-content-card-clean h2,
body.detail-clean-page-v32 .detail-content{
  transition:font-size .15s ease;
}


/* v42 cinematic layout uses inline dynamic CSS in frontend-detail.php */


/* v43: image clearer + brighter compact dark theme overrides are inline in frontend-detail.php */


/* v44: news content text alignment controls are rendered inline in frontend-detail.php */


/* v45: content width and text spacing fixes are inline in frontend-detail.php */


/* v46: visible cover image frame is rendered inline in frontend-detail.php */
