@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
	text-align: right;
	background: #f6f7f9;
	color: #1e2a44;
}
a { color: inherit; }

.site-header {
	background: #1e2a44;
	color: #fff;
	padding: 18px 0;
}
.site-header .inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.site-header h1 {
	margin: 0;
	font-size: 20px;
}
.site-header h1 a { text-decoration: none; color: #fff; }
.site-nav a {
	color: #d4a94c;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	margin-right: 14px;
}

.site-container {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 20px;
}

.post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 22px;
}

.post-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(30,42,68,0.08);
	text-decoration: none;
	color: inherit;
	display: block;
	transition: transform 0.15s ease;
}
.post-card:hover { transform: translateY(-3px); }
.post-card img {
	width: 100%;
	height: 170px;
	object-fit: cover;
	display: block;
}
.post-card .body { padding: 14px 16px; }
.post-card .cat { color: #b9862c; font-size: 12px; font-weight: 700; }
.post-card h3 { margin: 8px 0; font-size: 16px; line-height: 1.6; }
.post-card p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.8; }
.post-card .meta { margin-top: 10px; font-size: 11px; color: #94a3b8; }

.single-post .featured {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 20px;
}
.single-post h1 { font-size: 26px; line-height: 1.6; margin-bottom: 8px; }
.single-post .meta { color: #64748b; font-size: 13px; margin-bottom: 20px; }
.single-post .content { background: #fff; padding: 26px; border-radius: 10px; line-height: 2.1; font-size: 16px; }
.single-post .content p { margin: 0 0 16px; }
.single-post .content img { max-width: 100%; border-radius: 8px; }
.single-post .tags { margin-top: 20px; }
.single-post .tags span {
	display: inline-block; background: #fff7e6; border: 1px solid #d4a94c;
	border-radius: 20px; padding: 4px 12px; font-size: 12px; margin: 4px;
}

.pagination-links { display: flex; gap: 8px; margin-top: 26px; justify-content: center; }
.pagination-links a, .pagination-links span {
	padding: 6px 14px; border-radius: 6px; border: 1px solid #d0d7e2; text-decoration: none; font-size: 13px;
}
.pagination-links .current { background: #1e2a44; color: #fff; border-color: #1e2a44; }

.empty-state { text-align: center; padding: 60px 20px; color: #64748b; }

.site-footer {
	text-align: center; padding: 24px; color: #94a3b8; font-size: 12px;
}