/* ===== مجله — ساده، تمام‌عرض، سبک مگ (RTL) ===== */
:root{
	--bl-navy:#0E1A2E; --bl-gold:#C9A227; --bl-gold2:#B8901F;
	--bl-ink:#1b2536; --bl-muted:#6b7688; --bl-muted2:#94a0b0;
	--bl-cream:#FAF7EF; --bl-card:#ffffff; --bl-border:#ebe6da; --bl-soft:#f3eee2;
}
/* شکستن محدودیت عرض قالب (site-main max-width:1140) برای تمام‌عرض شدن مجله */
#content.mg-blog,main.mg-blog{max-width:100%!important;width:100%!important;margin-inline:0!important;padding-inline:0!important;float:none!important}
.mg-blog{direction:rtl;color:var(--bl-ink);background:var(--bl-cream);font-family:inherit;padding-bottom:60px}
.mg-blog *{box-sizing:border-box}
.mg-wrap{width:100%;max-width:1760px;margin:0 auto;padding:0 40px}

/* ---- top bar ---- */
.mg-topbar{padding:28px 0 18px;margin-bottom:26px;border-bottom:1px solid var(--bl-border)}
.mg-topbar-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.mg-topbar h1{font-size:26px;font-weight:800;color:var(--bl-navy);margin:0}
.mg-topbar .mg-sub{color:var(--bl-muted);font-size:13.5px}
.mg-cats-bar{display:flex;gap:9px;margin-top:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.mg-cats-bar::-webkit-scrollbar{display:none}
.mg-pill{flex:0 0 auto;padding:8px 16px;border-radius:22px;background:var(--bl-card);border:1px solid var(--bl-border);color:var(--bl-ink);text-decoration:none;font-size:13px;font-weight:700;transition:.15s;white-space:nowrap}
.mg-pill:hover{border-color:var(--bl-gold);color:var(--bl-gold2)}
.mg-pill.is-active{background:var(--bl-navy);color:var(--bl-gold);border-color:var(--bl-navy)}

/* ---- category chip ---- */
.mg-cat{display:inline-block;background:var(--bl-gold);color:#fff;font-size:11px;font-weight:800;padding:4px 11px;border-radius:6px;text-decoration:none}
a.mg-cat:hover{background:var(--bl-gold2)}

/* ---- meta ---- */
.mg-meta{display:inline-flex;align-items:center;gap:10px;color:var(--bl-muted2);font-size:12px;flex-wrap:wrap}
.mg-meta span{display:inline-flex;align-items:center}
.mg-meta .mg-dot{width:3px;height:3px;border-radius:50%;background:currentColor}
.mg-meta svg{width:14px;height:14px;margin-left:4px;stroke:var(--bl-gold);fill:none}

/* ---- grid (full width, auto-fill) ---- */
.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.mg-card{background:var(--bl-card);border:1px solid var(--bl-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}
.mg-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(14,26,46,.1)}
.mg-card-media{position:relative;aspect-ratio:16/10;background:var(--bl-soft);overflow:hidden}
.mg-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mg-card:hover .mg-card-media img{transform:scale(1.05)}
.mg-card-media .mg-cat{position:absolute;top:10px;right:10px}
.mg-card-body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}
.mg-card-body h3{font-size:15px;font-weight:700;color:var(--bl-navy);line-height:1.75;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-card-body h3 a{color:inherit;text-decoration:none}
.mg-card-body h3 a:hover{color:var(--bl-gold2)}
.mg-card-body p{color:var(--bl-muted);font-size:12.5px;line-height:1.9;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-card-body .mg-meta{margin-top:auto}
.mg-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c7cdd8}
.mg-card-ph svg{width:40px;height:40px;stroke:currentColor;fill:none}

/* ---- pagination ---- */
.mg-pagination{display:flex;justify-content:center;gap:8px;margin:40px 0 10px;flex-wrap:wrap}
.mg-pagination a,.mg-pagination span{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:11px;background:var(--bl-card);border:1px solid var(--bl-border);color:var(--bl-ink);text-decoration:none;font-weight:700;font-size:14px;transition:.15s}
.mg-pagination a:hover{border-color:var(--bl-gold);color:var(--bl-gold2)}
.mg-pagination .current{background:var(--bl-navy);color:var(--bl-gold);border-color:var(--bl-navy)}

/* ===== SINGLE ARTICLE ===== */
.mg-article{padding:26px 0 10px}
.mg-article-inner{max-width:820px;margin:0 auto;padding:0 40px}
.mg-breadcrumb{font-size:12.5px;color:var(--bl-muted2);margin-bottom:16px}
.mg-breadcrumb a{color:var(--bl-muted);text-decoration:none}
.mg-breadcrumb a:hover{color:var(--bl-gold2)}
.mg-article h1{font-size:32px;font-weight:800;color:var(--bl-navy);line-height:1.45;margin:12px 0 16px}
.mg-article-meta{display:flex;align-items:center;gap:12px;color:var(--bl-muted);font-size:13px;padding-bottom:20px;border-bottom:1px solid var(--bl-border);flex-wrap:wrap}
.mg-avatar{width:38px;height:38px;border-radius:50%;background:var(--bl-navy);color:var(--bl-gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.mg-article-hero{margin:24px auto;max-width:1080px;padding:0 40px}
.mg-article-hero-in{border-radius:20px;overflow:hidden;aspect-ratio:16/8;background:var(--bl-soft)}
.mg-article-hero-in img{width:100%;height:100%;object-fit:cover}

.mg-prose{font-size:17px;line-height:2.1;color:#2a3444}
.mg-prose > *{margin:0 0 22px}
.mg-prose h2{font-size:24px;font-weight:800;color:var(--bl-navy);margin:36px 0 14px;line-height:1.5}
.mg-prose h3{font-size:20px;font-weight:800;color:var(--bl-navy);margin:28px 0 12px}
.mg-prose h2::before{content:"";display:inline-block;width:14px;height:3px;background:var(--bl-gold);border-radius:2px;vertical-align:middle;margin-left:10px}
.mg-prose a{color:var(--bl-gold2);text-decoration:underline;text-underline-offset:3px}
.mg-prose img{max-width:100%;height:auto;border-radius:14px;display:block}
.mg-prose blockquote{margin:26px 0;padding:18px 22px;background:var(--bl-soft);border-right:4px solid var(--bl-gold);border-radius:0 12px 12px 0;color:var(--bl-navy);font-size:18px;font-weight:600}
.mg-prose ul,.mg-prose ol{padding-right:24px}
.mg-prose li{margin:0 0 10px}
.mg-prose ul li::marker{color:var(--bl-gold)}
.mg-prose code{background:var(--bl-soft);padding:2px 7px;border-radius:6px;font-size:.9em;direction:ltr;display:inline-block}

.mg-article-foot{max-width:820px;margin:32px auto 0;padding:22px 40px 0;border-top:1px solid var(--bl-border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.mg-tags{display:flex;gap:8px;flex-wrap:wrap}
.mg-tags a{background:var(--bl-soft);color:var(--bl-muted);font-size:12px;padding:6px 12px;border-radius:20px;text-decoration:none}
.mg-tags a:hover{background:var(--bl-gold);color:#fff}
.mg-share{display:flex;gap:8px}
.mg-share a{width:38px;height:38px;border-radius:11px;background:var(--bl-navy);display:flex;align-items:center;justify-content:center;color:var(--bl-gold)}
.mg-share a:hover{background:var(--bl-gold);color:var(--bl-navy)}
.mg-share svg{width:17px;height:17px;fill:currentColor}
.mg-related{margin-top:44px}

@media(max-width:768px){ .mg-wrap{padding:0 16px} .mg-topbar h1{font-size:22px} }
@media(max-width:560px){
	.mg-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.mg-card-body h3{font-size:13.5px}
	.mg-card-body p{display:none}
	.mg-article-inner,.mg-article-foot{padding-left:16px;padding-right:16px}
	.mg-article-hero{padding:0 16px}
	.mg-article h1{font-size:24px}
	.mg-prose{font-size:16px;line-height:2}
}