/**
 * RTL Styles for Template Store Theme
 * 100% Arabic Support
 */

/* Force RTL Direction */
html,
body {
	direction: rtl !important;
	text-align: right !important;
}

/* Font Family - Arabic First */
body,
* {
	font-family: 'Cairo', Arial, sans-serif !important;
}

/* RTL Space Utilities */
[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 1;
	margin-right: calc(var(--tw-space-x) * var(--tw-space-x-reverse));
	margin-left: calc(var(--tw-space-x) * calc(1 - var(--tw-space-x-reverse)));
}

/* RTL Flex Direction */
[dir="rtl"] .flex-row {
	flex-direction: row-reverse;
}

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

/* RTL Positioning */
[dir="rtl"] .left-0 {
	right: 0;
	left: auto;
}

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

[dir="rtl"] .left-1\/2 {
	right: 50%;
	left: auto;
	transform: translateX(50%);
}

[dir="rtl"] .right-1\/2 {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

[dir="rtl"] .translate-x-1\/2 {
	transform: translateX(50%);
}

[dir="rtl"] .-translate-x-1\/2 {
	transform: translateX(-50%);
}

/* RTL Margins */
[dir="rtl"] .ml-auto {
	margin-right: auto;
	margin-left: 0;
}

[dir="rtl"] .mr-auto {
	margin-left: auto;
	margin-right: 0;
}

[dir="rtl"] .ml-2,
[dir="rtl"] .ml-3,
[dir="rtl"] .ml-4,
[dir="rtl"] .ml-6,
[dir="rtl"] .ml-8 {
	margin-right: var(--tw-space-x);
	margin-left: 0;
}

[dir="rtl"] .mr-2,
[dir="rtl"] .mr-3,
[dir="rtl"] .mr-4,
[dir="rtl"] .mr-6,
[dir="rtl"] .mr-8 {
	margin-left: var(--tw-space-x);
	margin-right: 0;
}

/* RTL Padding */
[dir="rtl"] .pl-2,
[dir="rtl"] .pl-3,
[dir="rtl"] .pl-4,
[dir="rtl"] .pl-6,
[dir="rtl"] .pl-8 {
	padding-right: var(--tw-space-x);
	padding-left: 0;
}

[dir="rtl"] .pr-2,
[dir="rtl"] .pr-3,
[dir="rtl"] .pr-4,
[dir="rtl"] .pr-6,
[dir="rtl"] .pr-8 {
	padding-left: var(--tw-space-x);
	padding-right: 0;
}

/* RTL Text Alignment */
[dir="rtl"] .text-left {
	text-align: right;
}

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

/* RTL Float */
[dir="rtl"] .float-left {
	float: right;
}

[dir="rtl"] .float-right {
	float: left;
}

/* RTL Transform Origins */
[dir="rtl"] .origin-left {
	transform-origin: right;
}

[dir="rtl"] .origin-right {
	transform-origin: left;
}

/* RTL Border Radius (for specific cases) */
[dir="rtl"] .rounded-l-xl {
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

[dir="rtl"] .rounded-r-xl {
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* RTL Icons and Arrows */
[dir="rtl"] svg[class*="transform"] {
	transform: scaleX(-1);
}

/* RTL Navigation Menu */
[dir="rtl"] .main-navigation ul {
	direction: rtl;
	text-align: right;
}

[dir="rtl"] .main-navigation li {
	float: right;
}

/* RTL Template Cards */
[dir="rtl"] .template-card {
	text-align: right;
	direction: rtl;
}

[dir="rtl"] .template-card .absolute.top-4.left-4 {
	right: 1rem;
	left: auto;
}

[dir="rtl"] .template-card .absolute.top-4.right-4 {
	left: 1rem;
	right: auto;
}

/* RTL Footer */
[dir="rtl"] .site-footer {
	direction: rtl;
	text-align: right;
}

/* RTL Forms */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
	direction: rtl;
	text-align: right;
}

/* RTL Buttons */
[dir="rtl"] button,
[dir="rtl"] .btn {
	direction: rtl;
}

/* RTL Back to Top Button */
[dir="rtl"] #back-to-top {
	left: auto;
	right: 2rem;
}

/* RTL Hero Section */
[dir="rtl"] .hero-section {
	direction: rtl;
	text-align: center;
}

/* RTL Stats Section */
[dir="rtl"] .stats-section {
	direction: rtl;
}

/* RTL Features Section */
[dir="rtl"] .features-section {
	direction: rtl;
}

/* RTL Testimonials */
[dir="rtl"] .testimonial-card {
	direction: rtl;
	text-align: right;
}

/* RTL Archive Header */
[dir="rtl"] .archive-header {
	direction: rtl;
	text-align: center;
}

/* RTL Single Template */
[dir="rtl"] .single-template {
	direction: rtl;
}

/* RTL Grid Adjustments */
[dir="rtl"] .grid {
	direction: rtl;
}

/* RTL Flex Adjustments */
[dir="rtl"] .flex {
	direction: rtl;
}

/* RTL Prose (for content) */
[dir="rtl"] .prose {
	direction: rtl;
	text-align: right;
}

[dir="rtl"] .prose p,
[dir="rtl"] .prose li,
[dir="rtl"] .prose h1,
[dir="rtl"] .prose h2,
[dir="rtl"] .prose h3 {
	text-align: right;
}

/* RTL Pagination */
[dir="rtl"] .pagination {
	direction: rtl;
}

[dir="rtl"] .page-numbers {
	direction: rtl;
}

/* RTL Mobile Menu */
[dir="rtl"] #mobile-menu {
	direction: rtl;
	text-align: right;
}

[dir="rtl"] #mobile-menu ul {
	direction: rtl;
}

[dir="rtl"] #mobile-menu li {
	text-align: right;
}

/* RTL Social Icons */
[dir="rtl"] .flex.space-x-4 > * + * {
	margin-right: 1rem;
	margin-left: 0;
}

/* RTL Newsletter Form */
[dir="rtl"] form input[type="email"] {
	direction: rtl;
	text-align: right;
}

/* RTL Skip Link */
[dir="rtl"] .skip-link {
	right: 0;
	left: auto;
}

/* RTL Container */
[dir="rtl"] .container {
	direction: rtl;
}

/* RTL Absolute Positioning Fixes */
[dir="rtl"] .absolute.left-1\/2 {
	right: 50%;
	left: auto;
	transform: translateX(50%);
}

[dir="rtl"] .absolute.right-1\/2 {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

/* RTL Transform Fixes */
[dir="rtl"] .transform.-translate-x-1\/2 {
	transform: translateX(50%);
}

[dir="rtl"] .transform.translate-x-1\/2 {
	transform: translateX(-50%);
}

/* RTL SVG Icons Direction */
[dir="rtl"] svg[data-rtl-flip="true"] {
	transform: scaleX(-1);
}

/* RTL Animation Fixes */
[dir="rtl"] @keyframes slide-in-left {
	from {
		transform: translateX(50px);
	}
	to {
		transform: translateX(0);
	}
}

[dir="rtl"] @keyframes slide-in-right {
	from {
		transform: translateX(-50px);
	}
	to {
		transform: translateX(0);
	}
}

/* RTL Scrollbar */
[dir="rtl"] ::-webkit-scrollbar {
	direction: rtl;
}

/* RTL Focus States */
[dir="rtl"] *:focus {
	outline-offset: -2px;
}

/* RTL List Styles */
[dir="rtl"] ul,
[dir="rtl"] ol {
	padding-right: 1.5em;
	padding-left: 0;
}

[dir="rtl"] li {
	text-align: right;
}

/* RTL Quote Styles */
[dir="rtl"] blockquote {
	border-right: 4px solid;
	border-left: none;
	padding-right: 1em;
	padding-left: 0;
	margin-right: 1em;
	margin-left: 0;
}

/* RTL Table Styles */
[dir="rtl"] table {
	direction: rtl;
}

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

/* Ensure all text is right-aligned */
[dir="rtl"] * {
	text-align: inherit;
}

/* RTL Specific Utility Classes */
.rtl\:text-right {
	text-align: right !important;
}

.rtl\:text-left {
	text-align: left !important;
}

.rtl\:float-right {
	float: right !important;
}

.rtl\:float-left {
	float: left !important;
}