/**
 * Fitbody - RTL (Right-to-Left) Styles
 * Arabic language support
 */

/* Base RTL Direction */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Font for Arabic */
[dir="rtl"] body {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

/* Flex Direction Reversals - Only for specific elements */
[dir="rtl"] .rtl-reverse {
    flex-direction: row-reverse;
}

/* Navigation */
[dir="rtl"] nav ul {
    flex-direction: row-reverse;
}

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

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

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

[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }

[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }

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

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

/* Gradients */
[dir="rtl"] .bg-gradient-to-r {
    background: linear-gradient(to left, var(--tw-gradient-stops));
}

[dir="rtl"] .bg-gradient-to-l {
    background: linear-gradient(to right, var(--tw-gradient-stops));
}

/* Hero Slider Gradient Fix */
[dir="rtl"] .hero-slide .bg-gradient-to-r {
    background: linear-gradient(to left, rgba(0,0,0,0.7), rgba(0,0,0,0.5), transparent);
}

/* Icons and Arrows */
[dir="rtl"] .rotate-icon {
    transform: scaleX(-1);
}

[dir="rtl"] .slider-prev,
[dir="rtl"] .slider-next {
    transform: scaleX(-1);
}

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

/* Phone number fields should always be LTR */
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[name="phone"],
[dir="rtl"] select[name="phone_code"],
[dir="rtl"] #phoneCodeSelect,
[dir="rtl"] .phone-input,
[dir="rtl"] .phone-code-select {
    direction: ltr !important;
    text-align: left !important;
}

/* Phone input container should maintain LTR order */
[dir="rtl"] .phone-input-container,
[dir="rtl"] .flex:has(> select[name="phone_code"]),
[dir="rtl"] .flex:has(> #phoneCodeSelect) {
    flex-direction: row !important;
}

[dir="rtl"] input[type="checkbox"],
[dir="rtl"] input[type="radio"] {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

[dir="rtl"] li::marker {
    unicode-bidi: isolate;
}

/* Border Radius */
[dir="rtl"] .rounded-l {
    border-radius: 0 0.25rem 0.25rem 0;
}

[dir="rtl"] .rounded-r {
    border-radius: 0.25rem 0 0 0.25rem;
}

[dir="rtl"] .rounded-l-lg {
    border-radius: 0 0.5rem 0.5rem 0;
}

[dir="rtl"] .rounded-r-lg {
    border-radius: 0.5rem 0 0 0.5rem;
}

/* Space Between */
[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-right: 1rem;
    margin-left: 0;
}

/* Gap doesn't need RTL fix as it's direction-aware */

/* Slider Controls */
[dir="rtl"] #sliderPrev {
    right: auto;
    left: 1rem;
}

[dir="rtl"] #sliderNext {
    left: auto;
    right: 1rem;
}

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

[dir="rtl"] #mobileMenu .flex-col {
    align-items: stretch;
}

/* Language Selector Dropdown */
[dir="rtl"] .lang-dropdown {
    left: 0;
    right: auto;
}

/* Footer */
[dir="rtl"] footer .grid {
    direction: rtl;
}

/* Animations */
[dir="rtl"] .fade-in-left {
    animation-name: fadeInRight;
}

[dir="rtl"] .fade-in-right {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Scroll to Top Button */
[dir="rtl"] #scrollTop {
    right: auto;
    left: 1.5rem;
}

/* Product Cards */
[dir="rtl"] .product-card {
    text-align: right;
}

/* Service Cards */
[dir="rtl"] .service-card {
    text-align: right;
}

/* Contact Info */
[dir="rtl"] .contact-info {
    text-align: right;
}

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

[dir="rtl"] .breadcrumb-separator {
    transform: scaleX(-1);
}

/* =====================================================
   E-COMMERCE RTL STYLES
   ===================================================== */

/* Shop Layout */
[dir="rtl"] .shop-sidebar {
    border-left: 1px solid #e5e7eb;
    border-right: none;
    padding-left: 1.5rem;
    padding-right: 0;
}

[dir="rtl"] .shop-content {
    padding-right: 1.5rem;
    padding-left: 0;
}

/* Product Grid */
[dir="rtl"] .product-grid {
    direction: rtl;
}

[dir="rtl"] .product-card .product-info {
    text-align: right;
}

[dir="rtl"] .product-card .product-price {
    text-align: right;
}

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

/* Product Detail Page */
[dir="rtl"] .product-detail {
    direction: rtl;
}

[dir="rtl"] .product-gallery {
    order: 2;
}

[dir="rtl"] .product-info-section {
    order: 1;
    text-align: right;
}

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

[dir="rtl"] .variant-options {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

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

[dir="rtl"] .quantity-selector button:first-child {
    border-radius: 0 0.375rem 0.375rem 0;
}

[dir="rtl"] .quantity-selector button:last-child {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* Request List (Cart) */
[dir="rtl"] .request-list-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .request-list-item .item-image {
    margin-left: 1rem;
    margin-right: 0;
}

[dir="rtl"] .request-list-item .item-info {
    text-align: right;
}

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

[dir="rtl"] .request-list-summary {
    text-align: right;
}

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

/* Request Form (Checkout) */
[dir="rtl"] .request-form {
    direction: rtl;
}

[dir="rtl"] .form-group label {
    text-align: right;
}

[dir="rtl"] .form-group .input-icon-left {
    left: auto;
    right: 0.75rem;
}

[dir="rtl"] .form-group .input-with-icon-left {
    padding-left: 0.75rem;
    padding-right: 2.5rem;
}

[dir="rtl"] .form-group .input-icon-right {
    right: auto;
    left: 0.75rem;
}

[dir="rtl"] .form-group .input-with-icon-right {
    padding-right: 0.75rem;
    padding-left: 2.5rem;
}

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

[dir="rtl"] .checkbox-group input[type="checkbox"] {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Customer Dashboard */
[dir="rtl"] .dashboard-sidebar {
    border-left: 1px solid #e5e7eb;
    border-right: none;
}

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

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

[dir="rtl"] .dashboard-nav a svg {
    margin-left: 0.75rem;
    margin-right: 0;
}

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

[dir="rtl"] .dashboard-stats {
    direction: rtl;
}

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

[dir="rtl"] .stat-card .stat-icon {
    margin-left: 1rem;
    margin-right: 0;
}

/* Request/Order List */
[dir="rtl"] .request-table {
    direction: rtl;
}

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

[dir="rtl"] .request-table th:last-child,
[dir="rtl"] .request-table td:last-child {
    text-align: left;
}

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

/* Request Detail */
[dir="rtl"] .request-detail-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .request-timeline {
    border-left: none;
    border-right: 2px solid #e5e7eb;
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .timeline-item::before {
    left: auto;
    right: -0.5rem;
}

[dir="rtl"] .request-items-list {
    text-align: right;
}

/* Address Cards */
[dir="rtl"] .address-card {
    text-align: right;
}

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

[dir="rtl"] .address-card .default-badge {
    left: auto;
    right: 0.5rem;
}

/* Quote Section */
[dir="rtl"] .quote-details {
    text-align: right;
}

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

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

/* Shipping Info */
[dir="rtl"] .shipping-info {
    text-align: right;
}

[dir="rtl"] .tracking-timeline {
    border-left: none;
    border-right: 2px solid #10b981;
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .tracking-step::before {
    left: auto;
    right: -0.625rem;
}

/* Admin Panel */
[dir="rtl"] .admin-sidebar {
    border-left: 1px solid #e5e7eb;
    border-right: none;
}

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

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

[dir="rtl"] .admin-nav a svg {
    margin-left: 0.75rem;
    margin-right: 0;
}

[dir="rtl"] .admin-content {
    margin-right: 16rem;
    margin-left: 0;
}

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

/* Data Tables */
[dir="rtl"] .data-table {
    direction: rtl;
}

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

[dir="rtl"] .data-table .actions-column {
    text-align: left;
}

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

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

[dir="rtl"] .pagination .prev-icon,
[dir="rtl"] .pagination .next-icon {
    transform: scaleX(-1);
}

/* Filters */
[dir="rtl"] .filter-bar {
    flex-direction: row-reverse;
}

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

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

/* Search Box */
[dir="rtl"] .search-box {
    flex-direction: row-reverse;
}

[dir="rtl"] .search-box input {
    padding-left: 0.75rem;
    padding-right: 2.5rem;
}

[dir="rtl"] .search-box .search-icon {
    left: auto;
    right: 0.75rem;
}

/* Alerts and Notifications */
[dir="rtl"] .alert {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .alert .alert-icon {
    margin-left: 0.75rem;
    margin-right: 0;
}

[dir="rtl"] .alert .alert-close {
    left: 0.75rem;
    right: auto;
}

/* Toast Notifications */
[dir="rtl"] .toast {
    left: 1.5rem;
    right: auto;
}

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

/* Modal */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-close {
    left: 1rem;
    right: auto;
}

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

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

/* Dropdown Menus */
[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

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

[dir="rtl"] .dropdown-item svg {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

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

/* Category Tree */
[dir="rtl"] .category-tree {
    padding-right: 0;
    padding-left: 1rem;
}

[dir="rtl"] .category-tree-item {
    padding-right: 1.5rem;
    padding-left: 0;
}

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

/* Image Gallery */
[dir="rtl"] .gallery-thumbnails {
    flex-direction: row-reverse;
}

[dir="rtl"] .gallery-nav-prev {
    left: auto;
    right: 0.5rem;
}

[dir="rtl"] .gallery-nav-next {
    right: auto;
    left: 0.5rem;
}

/* Price Display */
[dir="rtl"] .price-display {
    direction: ltr;
    text-align: right;
}

[dir="rtl"] .price-currency {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Badge Positions */
[dir="rtl"] .badge-top-right {
    right: auto;
    left: 0.5rem;
}

[dir="rtl"] .badge-top-left {
    left: auto;
    right: 0.5rem;
}

/* Empty States */
[dir="rtl"] .empty-state {
    text-align: center;
}

/* Loading States */
[dir="rtl"] .loading-spinner {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Responsive RTL Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .mobile-menu {
        left: auto;
        right: 0;
    }
    
    [dir="rtl"] .mobile-menu-close {
        left: 1rem;
        right: auto;
    }
    
    [dir="rtl"] .admin-sidebar {
        left: auto;
        right: -16rem;
    }
    
    [dir="rtl"] .admin-sidebar.open {
        right: 0;
    }
    
    [dir="rtl"] .admin-content {
        margin-right: 0;
    }
    
    [dir="rtl"] .shop-sidebar {
        border-left: none;
        border-bottom: 1px solid #e5e7eb;
        padding-left: 0;
        padding-bottom: 1rem;
    }
}