/* ==========================================================================
   تم اکوموتیو — صفحه خبر/تحلیل تکی
   ========================================================================== */

.single-article { margin-top: 26px; }

/* ---------- بردکرامب ---------- */
.breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: .82rem;
	color: var(--c-muted);
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.breadcrumb a { color: var(--c-muted); font-weight: 600; }
.breadcrumb a:hover { color: var(--c-accent); }
.breadcrumb i { font-size: .7rem; opacity: .6; }

/* ---------- سربرگ ---------- */
.entry-labels { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: .76rem;
	font-weight: 800;
	padding: 4px 13px;
	border-radius: 999px;
}
.label-news { background: var(--c-accent); color: #fff; }
.label-analysis { background: var(--c-accent-2); color: #231303; }
.label-cat { background: var(--c-accent-soft); color: var(--c-accent); }
.label-cat:hover { background: var(--c-accent); color: #fff; }

.entry-title {
	font-size: clamp(1.4rem, 3.4vw, 2.15rem);
	font-weight: 900;
	line-height: 1.55;
	margin-bottom: 14px;
}

.entry-meta {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	font-size: .82rem;
	color: var(--c-muted);
	padding-bottom: 18px;
	border-bottom: 1px solid var(--c-line);
}
.entry-meta span { display: inline-flex; align-items: center; gap: 6px; }
.meta-avatar { border-radius: 50%; display: inline-flex; }
.entry-meta a { color: var(--c-accent); font-weight: 700; }

.sticky-note {
	background: #fff7e6;
	border: 1px solid #fde1ac;
	color: #92600a;
	font-size: .86rem;
	font-weight: 700;
	border-radius: 10px;
	padding: 10px 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0 0;
}

/* ---------- چیدمان دو ستونه ---------- */
.entry-layout {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 34px;
	align-items: start;
	margin-top: 24px;
}

.entry-content-col { min-width: 0; }

.entry-thumb { margin: 0 0 24px; }
.entry-thumb img {
	width: 100%;
	border-radius: var(--radius);
	display: block;
}
.entry-thumb figcaption {
	text-align: center;
	font-size: .78rem;
	color: var(--c-muted);
	padding-top: 8px;
}

/* ---------- تایپوگرافی محتوا ---------- */
.entry-content {
	font-size: 1rem;
	line-height: 2.2;
	color: var(--c-ink);
}
.entry-content > p { margin: 0 0 1.2em; }
.entry-content h2 { font-size: 1.35rem; margin-top: 1.6em; }
.entry-content h3 { font-size: 1.15rem; margin-top: 1.5em; }
.entry-content a { text-decoration: underline; text-underline-offset: 4px; }
.entry-content blockquote {
	margin: 1.6em 0;
	padding: 18px 22px;
	background: var(--c-accent-soft);
	border-inline-start: 4px solid var(--c-accent);
	border-radius: 12px;
	font-size: .98rem;
}
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content img { border-radius: var(--radius-sm); }
.entry-content figure { margin: 1.6em 0; }
.entry-content figcaption { text-align: center; font-size: .8rem; color: var(--c-muted); padding-top: 8px; }
.entry-content ul, .entry-content ol { padding-inline-start: 1.6em; margin-bottom: 1.2em; }
.entry-content li { margin-bottom: .4em; }
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.4em 0;
	font-size: .9rem;
}
.entry-content th, .entry-content td {
	border: 1px solid var(--c-line);
	padding: 10px 14px;
	text-align: start;
}
.entry-content thead { background: var(--c-accent-soft); }
.entry-content pre {
	background: #0b2338;
	color: #e6eef5;
	padding: 18px;
	border-radius: 12px;
	overflow-x: auto;
	direction: ltr;
	text-align: left;
}

/* ---------- منبع و برچسب‌ها ---------- */
.entry-source {
	font-size: .85rem;
	color: var(--c-muted);
	background: var(--c-bg);
	border-radius: 10px;
	padding: 10px 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.entry-tags { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 18px 0; }
.entry-tags a {
	display: inline-block;
	background: var(--c-bg);
	border: 1px solid var(--c-line);
	color: var(--c-muted);
	font-size: .78rem;
	font-weight: 600;
	padding: 4px 14px;
	border-radius: 999px;
	margin: 3px 0;
}
.entry-tags a:hover { border-color: var(--c-accent); color: var(--c-accent); }

/* ---------- اشتراک‌گذاری ---------- */
.share-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 0;
	border-block: 1px solid var(--c-line);
	margin: 10px 0 8px;
	flex-wrap: wrap;
}
.share-label { font-size: .86rem; font-weight: 700; color: var(--c-muted); margin-inline-end: 4px; }
.share-btn {
	width: 40px; height: 40px;
	border: 1px solid var(--c-line);
	border-radius: 50%;
	background: var(--c-surface);
	color: var(--c-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	cursor: pointer;
	transition: all .2s ease;
}
.share-btn:hover { background: var(--c-accent); border-color: var(--c-accent); color: #fff; transform: translateY(-2px); }

/* ---------- مطالب مرتبط ---------- */
.related-posts { margin-top: 34px; }
.related-posts .news-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
.related-posts .card-title { font-size: .9rem; }

/* ---------- دیدگاه‌ها ---------- */
.comments-area { margin-top: 40px; }
.comments-title { font-size: 1.1rem; display: flex; align-items: center; gap: 8px; }
.comments-title i { color: var(--c-accent-2); }

.comment-list { list-style: none; padding: 0; margin: 0 0 30px; }
.comment-list .comment {
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	padding: 18px 20px;
	margin-bottom: 14px;
}
.comment-list .children { list-style: none; padding-inline-start: 30px; margin-top: 14px; }
.comment-list .children .comment { background: var(--c-bg); }

.comment-author { display: flex; align-items: center; gap: 10px; font-weight: 800; }
.comment-author img { border-radius: 50%; }
.comment-meta { font-size: .76rem; color: var(--c-muted); margin-bottom: 6px; }
.comment-content { font-size: .92rem; }
.reply { margin-top: 8px; }
.reply a { font-size: .8rem; font-weight: 700; color: var(--c-accent); }

.comment-respond {
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	padding: 24px;
}
.comment-notes { color: var(--c-muted); font-size: .85rem; }
.comment-form p { margin: 0 0 14px; }
.comment-form label { display: block; font-size: .86rem; font-weight: 700; margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	font-family: inherit;
	font-size: .92rem;
	padding: 11px 14px;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	background: var(--c-surface-2);
	color: var(--c-ink);
	transition: border-color .2s ease;
}
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--c-accent); }
.comment-form textarea { min-height: 130px; resize: vertical; }

.no-comments { color: var(--c-muted); font-size: .9rem; }

/* ---------- صفحه‌بندی دیدگاه ---------- */
.comment-navigation .nav-links { display: flex; gap: 8px; justify-content: center; margin-bottom: 20px; }

/* خوانایی بیشتر متن مقاله در حالت تاریک */
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .entry-content p,
html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .author-bio {
	color: #E9EFF6;
}

/* ============================================================
   باکس‌های رنگی درون متن (استایل اینلاین نویسنده در گوتنبرگ)
   در حالت تاریک، پس‌زمینه‌های روشن اینلاین به‌صورت هوشمند تیره و
   متن‌ها روشن می‌شوند تا خوانایی حفظ شود.
   ============================================================ */
html[data-theme="dark"] .entry-content section[style*="background"],
html[data-theme="dark"] .entry-content div[style*="background"],
html[data-theme="dark"] .entry-content table[style*="background"],
html[data-theme="dark"] .entry-content td[style*="background"],
html[data-theme="dark"] .entry-content th[style*="background"],
html[data-theme="dark"] .entry-content blockquote[style*="background"],
html[data-theme="dark"] .entry-content p[style*="background"] {
	background: var(--callout-bg) !important;
	border-color: var(--callout-line) !important;
	border-right-color: var(--c-accent-2) !important; /* حفظ خط تاکیدی کنار باکس */
	color: var(--callout-ink) !important;
}
html[data-theme="dark"] .entry-content section[style*="background"] h1,
html[data-theme="dark"] .entry-content section[style*="background"] h2,
html[data-theme="dark"] .entry-content section[style*="background"] h3,
html[data-theme="dark"] .entry-content section[style*="background"] h4,
html[data-theme="dark"] .entry-content div[style*="background"] h1,
html[data-theme="dark"] .entry-content div[style*="background"] h2,
html[data-theme="dark"] .entry-content div[style*="background"] h3,
html[data-theme="dark"] .entry-content div[style*="background"] h4 {
	color: var(--callout-title) !important; /* تیتر باکس از توکن */
	border-color: var(--callout-line) !important;
}
html[data-theme="dark"] .entry-content section[style*="background"] strong,
html[data-theme="dark"] .entry-content div[style*="background"] strong {
	color: var(--callout-strong);
}

/* ---------------- امتیازدهی ۵ ستاره (6.6) ---------------- */
.rating-box { display: inline-flex; align-items: center; gap: 8px; }
.rating-stars { display: inline-flex; gap: 2px; }
.rating-star {
	border: none;
	background: transparent;
	color: var(--c-line);
	font-size: 1.05rem;
	line-height: 1;
	cursor: pointer;
	padding: 0 1px;
	transition: color .15s ease, transform .15s ease;
}
.rating-star:hover { transform: scale(1.2); color: var(--c-accent-2); }
.rating-star.filled { color: var(--c-accent-2); }
.rating-meta { color: var(--c-muted); font-size: .72rem; }

/* ---------------- حاشیه نازک دور متن مقاله (تک‌نوشته‌ها) ---------------- */
.single-post .single-article .entry-content-col,
.single-news .single-article .entry-content-col,
.single-analysis .single-article .entry-content-col {
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	padding: 22px 26px;
	box-shadow: var(--shadow);
}
@media print {
	.single-post .single-article .entry-content-col,
	.single-news .single-article .entry-content-col,
	.single-analysis .single-article .entry-content-col { border-color: #ccc; box-shadow: none; }
}