* {
	font-family: var(--font-family, 'Cairo', sans-serif);
}

.logo span {
	margin-right: 5px;
	margin-left: 0;
}

.logo::after {
	right: 0;
	left: auto;
}

.nav-links a::after {
	right: 0;
	left: auto;
}

.dropdown-content {
	right: 0;
	left: auto;
}

/* Cart Side Panel */
.cart-panel {
	left: -400px;
	right: auto;
	transition: left 0.3s ease;
}

.cart-panel.active {
	left: 0;
	right: auto;
}

.cart-item-img {
	margin-left: 15px;
	margin-right: 0;
}

.overlay {
	right: 0;
	left: auto;
}

.search-container i {
	left: 20px;
	right: auto;
}

/* filter_section: RTL via logical props in filter_section-v1.css */

@media (max-width: 768px) {
	.nav-links {
		right: -100%;
		left: auto;
	}

	.nav-links.active {
		right: 0;
		left: auto;
	}

	.dropdown-content {
		padding-right: 20px;
		padding-left: 0;
	}

	.cart-panel {
		left: -100%;
		right: auto;
	}
}

.section-title h2::after {
	right: 25%;
	left: auto;
}

.product-badge {
	left: 10px;
	right: auto;
}

.out-of-stock-badge,
.discount-badge {
	left: 10px;
	right: auto;
}

/* RTL styles for overlay buttons */
.add-to-fav-overlay {
	right: 10px;
	left: auto;
}

@media (max-width: 992px) {
	.add-to-fav-overlay {
		right: 8px;
		left: auto;
	}
}

/* Toast Notification Styles */
.toast-container {
	right: 30px;
	left: auto;
}

/* Floating Cart Widget - RTL */
.floating-cart-widget {
	right: 30px;
	left: auto;
}

@media (max-width: 768px) {
	.nav-links {
		right: -100%;
		left: auto;
		transition: right 0.3s;
	}

	.nav-links.active {
		right: 0;
		left: auto;
	}

	.nav-close-btn {
		right: auto;
		left: 20px;
	}

	.dropdown-content {
		padding-right: 20px;
		padding-left: 0;
	}

	.cart-panel {
		left: -100%;
		right: auto;
	}

	.floating-cart-widget {
		bottom: 65px;
		left: 90px;
		right: 20px;
	}
}

.luxury-chat {
	right: auto;
	left: 30px;
}

.whatsapp-circle{
	right: auto;
	left: 10px;
}

.pulse-dot {
	right: auto;
	left: 5px;
}

.chat-container {
	right: auto;
	left: 0;
}

.input-container textarea {
	padding: 12px 15px 12px 50px;
}

/* Categories RTL styles moved to categories-v1.css */

.input-actions {
	right: auto;
	left: 5px;
}

.announcement-item i {
	margin-right: 0;
	margin-left: 8px;
}

@keyframes scroll-announcement {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}