/*
 * RTL adjustments — loaded only when the current language is right-to-left
 * (Arabic). The front page is English-only, so these focus on blog templates.
 * <html dir="rtl"> is emitted automatically via language_attributes().
 */

body {
	text-align: right;
}

/* Keep the site chrome in the same left-to-right layout as the default design. */
body.rtl.blog .header,
body.rtl.blog .nav,
body.rtl.blog .nav-menu,
body.rtl.blog .kadkon-lang,
body.rtl.blog .kadkon-lang-menu,
body.rtl.blog .footer,
body.rtl.blog .footer-content {
	direction: ltr;
}

body.rtl.blog .nav-link {
	direction: rtl;
	unicode-bidi: isolate;
}

body.rtl.blog .footer-col,
body.rtl.blog .footer-links {
	text-align: left;
}

/* Blog listing */
.blog-card-body,
.blog-card-title,
.blog-card-excerpt,
.blog-card-meta {
	text-align: right;
}

.blog-card .btn {
	align-self: flex-end;
}

/* Single post / page */
.post-header,
.post-content,
.post-meta {
	text-align: right;
}

.post-content ul,
.post-content ol {
	margin: 0 var(--spacing-md) var(--spacing-md) 0;
}

.post-meta {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.post-tags,
.page-links {
	text-align: right;
}

/* Pagination keeps natural order under RTL */
.blog-pagination {
	direction: rtl;
}
