/**
 * RTL Support for Arabic
 * Complete RTL/LTR support for all components
 */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

/* Navigation */
[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-content {
    direction: rtl;
}

/* Input Groups */
[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .input-prefix {
    border-right: 1px solid var(--color-gray-dark);
    border-left: none;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

[dir="rtl"] .input-group input {
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="ltr"] .input-prefix {
    border-left: 1px solid var(--color-gray-dark);
    border-right: none;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="ltr"] .input-group input {
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

/* Dashboard Sidebar RTL/LTR */
[dir="rtl"] .dashboard-layout {
    flex-direction: row-reverse;
}

[dir="rtl"] .dashboard-sidebar {
    right: 0;
    left: auto;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
}

[dir="ltr"] .dashboard-sidebar {
    left: 0;
    right: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: none;
}

[dir="rtl"] .dashboard-main {
    margin-right: 0 !important;
    margin-left: 280px !important;
}

[dir="ltr"] .dashboard-main {
    margin-left: 0 !important;
    margin-right: 280px !important;
}

[dir="rtl"] .sidebar-menu a {
    border-right: none;
    border-left: 3px solid transparent;
    padding-right: var(--spacing-xl);
    padding-left: var(--spacing-md);
}

[dir="ltr"] .sidebar-menu a {
    border-left: none;
    border-right: 3px solid transparent;
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-md);
}

[dir="rtl"] .sidebar-menu a.active {
    border-right-color: transparent;
    border-left-color: var(--color-primary);
}

[dir="ltr"] .sidebar-menu a.active {
    border-left-color: transparent;
    border-right-color: var(--color-primary);
}

[dir="rtl"] .sidebar-menu a {
    flex-direction: row-reverse;
}

[dir="ltr"] .sidebar-menu a {
    flex-direction: row;
}

/* Tables */
[dir="rtl"] .data-table th,
[dir="rtl"] .data-table td {
    text-align: right;
}

[dir="ltr"] .data-table th,
[dir="ltr"] .data-table td {
    text-align: left;
}

/* Features List */
[dir="rtl"] .features-list {
    text-align: right;
}

[dir="ltr"] .features-list {
    text-align: left;
}

/* Pricing Features */
[dir="rtl"] .pricing-features {
    text-align: right;
}

[dir="ltr"] .pricing-features {
    text-align: left;
}

[dir="rtl"] .pricing-features li::before {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

[dir="ltr"] .pricing-features li::before {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Buttons with Icons */
[dir="rtl"] .btn {
    flex-direction: row-reverse;
}

[dir="ltr"] .btn {
    flex-direction: row;
}

/* Form Groups */
[dir="rtl"] .form-group {
    text-align: right;
}

[dir="ltr"] .form-group {
    text-align: left;
}

/* Dashboard Header */
[dir="rtl"] .dashboard-header {
    flex-direction: row-reverse;
}

[dir="ltr"] .dashboard-header {
    flex-direction: row;
}

[dir="rtl"] .user-info {
    flex-direction: row-reverse;
}

[dir="ltr"] .user-info {
    flex-direction: row;
}

/* Cards Grid */
[dir="rtl"] .dashboard-cards,
[dir="rtl"] .features-grid,
[dir="rtl"] .pricing-grid,
[dir="rtl"] .steps-grid {
    direction: rtl;
}

[dir="ltr"] .dashboard-cards,
[dir="ltr"] .features-grid,
[dir="ltr"] .pricing-grid,
[dir="ltr"] .steps-grid {
    direction: ltr;
}

/* Mobile Navigation */
[dir="rtl"] .mobile-nav-items {
    flex-direction: row-reverse;
}

[dir="ltr"] .mobile-nav-items {
    flex-direction: row;
}

/* Contact Items */
[dir="rtl"] .contact-item {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="ltr"] .contact-item {
    flex-direction: row;
    text-align: left;
}

[dir="rtl"] .contact-item:hover {
    transform: translateX(-4px);
}

[dir="ltr"] .contact-item:hover {
    transform: translateX(4px);
}

/* Social Grid */
[dir="rtl"] .social-grid {
    direction: rtl;
}

[dir="ltr"] .social-grid {
    direction: ltr;
}

/* Page Actions */
[dir="rtl"] .page-actions {
    direction: rtl;
}

[dir="ltr"] .page-actions {
    direction: ltr;
}

/* Sticky Save */
[dir="rtl"] .sticky-save {
    flex-direction: row-reverse;
}

[dir="ltr"] .sticky-save {
    flex-direction: row;
}

/* Quick Actions */
[dir="rtl"] .dashboard-form > div[style*="grid"] {
    direction: rtl;
}

[dir="ltr"] .dashboard-form > div[style*="grid"] {
    direction: ltr;
}

/* Footer */
[dir="rtl"] .footer-content {
    direction: rtl;
}

[dir="ltr"] .footer-content {
    direction: ltr;
}

[dir="rtl"] .support-info {
    flex-direction: row-reverse;
}

[dir="ltr"] .support-info {
    flex-direction: row;
}

/* Hero Content */
[dir="rtl"] .hero-content {
    direction: rtl;
}

[dir="ltr"] .hero-content {
    direction: ltr;
}

/* Form Tabs */
[dir="rtl"] .form-tabs {
    flex-direction: row-reverse;
}

[dir="ltr"] .form-tabs {
    flex-direction: row;
}

/* Alert Messages */
[dir="rtl"] .alert {
    border-right: 4px solid;
    border-left: none;
    text-align: right;
}

[dir="ltr"] .alert {
    border-left: 4px solid;
    border-right: none;
    text-align: left;
}

/* Category/Item Cards */
[dir="rtl"] .category-card,
[dir="rtl"] .item-card {
    direction: rtl;
    text-align: right;
}

[dir="ltr"] .category-card,
[dir="ltr"] .item-card {
    direction: ltr;
    text-align: left;
}

/* Menu Items */
[dir="rtl"] .menu-item {
    direction: rtl;
}

[dir="ltr"] .menu-item {
    direction: ltr;
}

[dir="rtl"] .item-header {
    flex-direction: row-reverse;
}

[dir="ltr"] .item-header {
    flex-direction: row;
}

[dir="rtl"] .item-price {
    text-align: left;
}

[dir="ltr"] .item-price {
    text-align: right;
}
