/* ============================================================
   LATISLIT — RTL Overrides (Arabic)
   Loaded only when html[dir="rtl"] is set (Arabic language).
   ============================================================ */

/* ── Global Direction Fixes ────────────────────────────────── */

html[lang="ar"],
html[dir="rtl"] {
	direction: rtl;
	text-align: right;
}

/* ── Typography ─────────────────────────────────────────────── */

html[lang="ar"] body {
	font-family: var(--font-arabic);
	letter-spacing: 0; /* Arabic doesn't use letter-spacing */
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
	font-family: var(--font-arabic);
	font-weight: 700;
	letter-spacing: 0;
}

/* ── Announcement Bar ───────────────────────────────────────── */

[dir="rtl"] .ll-announce__inner {
	flex-direction: row-reverse;
}

[dir="rtl"] .ll-announce__arrow {
	transform: scaleX(-1);
}

/* ── Navigation ─────────────────────────────────────────────── */

[dir="rtl"] .ll-nav {
	flex-direction: row-reverse;
}

[dir="rtl"] .ll-nav__menu {
	flex-direction: row-reverse;
}

[dir="rtl"] .ll-nav__actions {
	flex-direction: row-reverse;
}

[dir="rtl"] .ll-nav__logo {
	order: 2;
}

[dir="rtl"] .ll-nav__menu-wrap {
	order: 1;
}

[dir="rtl"] .ll-nav__actions {
	order: 3;
}

/* Dropdown menus */
[dir="rtl"] .ll-nav__dropdown {
	left: auto;
	right: 0;
	text-align: right;
}

/* Mobile menu */
[dir="rtl"] .ll-mobile-menu {
	left: auto;
	right: -100%;
}

[dir="rtl"] .ll-mobile-menu.is-open {
	right: 0;
	left: auto;
}

[dir="rtl"] .ll-mobile-menu__close {
	right: auto;
	left: var(--space-4);
}

/* ── Cart Drawer ─────────────────────────────────────────────── */

[dir="rtl"] .ll-cart-drawer {
	right: auto;
	left: -420px;
	box-shadow: 4px 0 40px rgba(0, 0, 0, 0.2);
}

[dir="rtl"] .ll-cart-drawer.is-open {
	left: 0;
	right: auto;
}

[dir="rtl"] .ll-cart-drawer__close {
	right: auto;
	left: var(--space-4);
}

/* ── Homepage Hero ───────────────────────────────────────────── */

[dir="rtl"] .ll-hero__content {
	text-align: right;
}

[dir="rtl"] .ll-hero__actions {
	justify-content: flex-end;
}

/* ── Category Grid ───────────────────────────────────────────── */

[dir="rtl"] .ll-categories__grid {
	direction: rtl;
}

/* ── Featured Products ───────────────────────────────────────── */

[dir="rtl"] .ll-featured__tabs {
	flex-direction: row-reverse;
}

/* ── Brand Story ─────────────────────────────────────────────── */

[dir="rtl"] .ll-story__grid {
	direction: rtl;
}

[dir="rtl"] .ll-story__content {
	text-align: right;
}

/* ── Testimonials ────────────────────────────────────────────── */

[dir="rtl"] .ll-testimonials__track {
	direction: rtl;
}

[dir="rtl"] .ll-testimonial {
	text-align: right;
}

/* ── Newsletter ──────────────────────────────────────────────── */

[dir="rtl"] .ll-newsletter__form {
	flex-direction: row-reverse;
}

/* ── Footer ──────────────────────────────────────────────────── */

[dir="rtl"] .ll-footer__grid {
	direction: rtl;
}

[dir="rtl"] .ll-footer__social {
	flex-direction: row-reverse;
}

[dir="rtl"] .ll-footer__bottom-inner {
	flex-direction: row-reverse;
}

/* ── WooCommerce RTL ─────────────────────────────────────────── */

[dir="rtl"] .woocommerce .cart {
	flex-direction: row-reverse;
}

[dir="rtl"] .woocommerce-cart table.cart th,
[dir="rtl"] .woocommerce-cart table.cart td {
	text-align: right;
}

[dir="rtl"] .ll-shipping-notice {
	border-left: none;
	border-right: 4px solid var(--ll-gold);
}

[dir="rtl"] .ll-card__body {
	text-align: right;
}

[dir="rtl"] ul.products {
	direction: rtl;
}

[dir="rtl"] .woocommerce-tabs ul.tabs {
	flex-direction: row-reverse;
}

[dir="rtl"] .summary.entry-summary {
	text-align: right;
}

/* Breadcrumbs */
[dir="rtl"] .woocommerce-breadcrumb {
	direction: rtl;
}

[dir="rtl"] .woocommerce-breadcrumb .separator {
	transform: scaleX(-1);
	display: inline-block;
}

/* ── Gold line accent (flip for RTL) ────────────────────────── */

[dir="rtl"] .ll-gold-line::after {
	left: auto;
	right: 0;
}

/* ── Badges ──────────────────────────────────────────────────── */

[dir="rtl"] .ll-badge {
	left: auto;
	right: var(--space-3);
}
