/**
 * Arabic Content CSS — VapeShop SEO Engine.
 *
 * RTL styles scoped to .vse-arabic-desc and .vse-arabic-blog-content.
 * NEVER applies RTL to the full page.
 *
 * Loaded conditionally — only on pages with Arabic content.
 * Font: Noto Sans Arabic (400, 700) from Google Fonts.
 *
 * @since 4.3.0
 */

/* ── Product Arabic Description Tab ─────────────────────────────────── */
.vse-arabic-desc {
	direction: rtl;
	text-align: right;
	font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: inherit;
}

.vse-arabic-desc ul {
	list-style-position: inside;
	padding-right: 1em;
	padding-left: 0;
}

.vse-arabic-desc ol {
	list-style-position: inside;
	padding-right: 1em;
	padding-left: 0;
}

.vse-arabic-desc h2,
.vse-arabic-desc h3 {
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.vse-arabic-desc p {
	margin-bottom: 1em;
}

.vse-arabic-desc a {
	text-decoration: underline;
}

.vse-arabic-desc table {
	direction: rtl;
	text-align: right;
}

/* ── Arabic Blog Post Content ───────────────────────────────────────── */
.vse-arabic-blog-content {
	direction: rtl;
	text-align: right;
	font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.8;
}

.vse-arabic-blog-content ul {
	list-style-position: inside;
	padding-right: 1em;
	padding-left: 0;
}

.vse-arabic-blog-content ol {
	list-style-position: inside;
	padding-right: 1em;
	padding-left: 0;
}

.vse-arabic-blog-content h2,
.vse-arabic-blog-content h3 {
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.vse-arabic-blog-content p {
	margin-bottom: 1em;
}

/* ── Blog Archive Language Filter Tabs ──────────────────────────────── */
.vse-blog-lang-filter {
	display: flex;
	gap: 8px;
	margin-bottom: 24px;
	padding: 8px 0;
	border-bottom: 1px solid #e0e0e0;
}

.vse-blog-lang-filter .vse-lang-tab {
	padding: 6px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #f5f5f5;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
	text-decoration: none;
	color: inherit;
}

.vse-blog-lang-filter .vse-lang-tab:hover {
	background: #e8e8e8;
}

.vse-blog-lang-filter .vse-lang-tab.active {
	background: #1d2327;
	color: #fff;
	border-color: #1d2327;
}