/**
 * RTL Stylesheet
 * 
 * @package MhsCommerce
 * @since 1.0.0
 */

/* ==========================================================================
   RTL-Specific Overrides
   ========================================================================== */

/* Ensure direction is set */
body.rtl {
	direction: rtl;
	text-align: start;
}

/* Navigation adjustments for RTL */
.main-navigation ul {
	padding-inline-start: 0;
}

.main-navigation li {
	list-style: none;
}

/* Comment form fields */
.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: inline-start;
}

/* Breadcrumbs */
.breadcrumb-separator {
	transform: scaleX(-1);
}

/* Arrows and icons that need flipping */
.rtl .arrow-icon,
.rtl .chevron-icon,
.rtl .next-icon,
.rtl .prev-icon {
	transform: scaleX(-1);
}

/* Mobile menu toggle */
#mobile-menu-toggle {
	margin-inline-start: auto;
}

/* Pagination */
.pagination .prev {
	margin-inline-end: auto;
}

.pagination .next {
	margin-inline-start: auto;
}

/* Post meta */
.post-meta > * {
	margin-inline-end: var(--spacing-md);
}

.post-meta > *:last-child {
	margin-inline-end: 0;
}

/* Flexbox gap fallback for RTL */
.flex.gap-2 > * + *,
.flex.gap-4 > * + *,
.flex.gap-6 > * + * {
	margin-inline-start: inherit;
}

/* Grid adjustments */
.grid {
	direction: rtl;
}

/* Ensure images don't flip */
img,
svg {
	direction: ltr;
}

/* WooCommerce specific RTL fixes */
.woocommerce .price del {
	margin-inline-end: 0.5rem;
}

.woocommerce .star-rating {
	float: inline-end;
}

/* Elementor RTL support */
.elementor-widget-container {
	direction: rtl;
}
