/* Souq Aarsal v4 — RTL/LTR layout engine */

html[dir="rtl"],
html[dir="rtl"] body,
body.souq-rtl {
	direction: rtl;
	text-align: right;
}

html[dir="ltr"],
html[dir="ltr"] body,
body.souq-ltr {
	direction: ltr;
	text-align: left;
}

html[dir="rtl"] .souq-search-form,
html[dir="ltr"] .souq-search-form {
	flex-direction: row;
}

html[dir="rtl"] .sa-hero__cat-arrow { transform: scaleX(-1); }
html[dir="ltr"] .souq-category-card__arrow { transform: scaleX(-1); display: inline-block; }

html[dir="rtl"] .souq-why__card:hover { transform: translateX(-8px); }
html[dir="ltr"] .souq-why__card:hover { transform: translateX(8px); }

html[dir="rtl"] .woocommerce-Price-amount,
html[dir="rtl"] .souq-price-current,
html[dir="rtl"] .souq-price-was {
	unicode-bidi: embed;
	direction: ltr;
	display: inline-block;
}

html[dir="rtl"] .souq-product-card__price {
	display: flex;
	flex-direction: column;
	align-items: center;
}

html[dir="rtl"] .star-rating { float: none; margin-inline: auto; }

html[dir="rtl"] .sa-header__main-inner,
html[dir="rtl"] .sa-header__top-inner,
html[dir="rtl"] .primary-menu,
html[dir="rtl"] .souq-cat-strip__inner,
html[dir="rtl"] .souq-trust__grid,
html[dir="rtl"] .souq-category-grid,
html[dir="rtl"] .souq-product-grid,
html[dir="rtl"] .woocommerce ul.products,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .sa-flash__inner,
html[dir="rtl"] .sa-hero__grid {
	direction: rtl;
}

html[dir="ltr"] .sa-header__main-inner,
html[dir="ltr"] .primary-menu,
html[dir="ltr"] .souq-cat-strip__inner {
	direction: ltr;
}

.souq-cart-drawer__panel {
	inset-inline-end: 0;
	inset-inline-start: auto;
}

body.souq-rtl .souq-cart-drawer__panel,
html[dir="rtl"] .souq-cart-drawer__panel {
	transform: translateX(-100%);
	box-shadow: 8px 0 32px rgba(0, 0, 0, 0.12);
}

body.souq-ltr .souq-cart-drawer__panel,
html[dir="ltr"] .souq-cart-drawer__panel {
	transform: translateX(100%);
	box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
}

.souq-cart-drawer.is-open .souq-cart-drawer__panel {
	transform: translateX(0);
}

html[dir="rtl"] .sa-mobile-nav { text-align: right; }
html[dir="ltr"] .sa-mobile-nav { text-align: left; }

html[dir="rtl"] .sa-hero__cat-list a:hover {
	padding-inline-start: 1.4rem;
	padding-inline-end: 1.15rem;
}