/**
 * RTL (Right-to-Left) Stylesheet for Arabic
 * AuraVibe - Luxury Watch E-commerce
 */

/* Global RTL Overrides */
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', 'Montserrat', sans-serif;
}

/* Navbar RTL */
body[dir="rtl"] .navbar {
    direction: rtl;
}

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

body[dir="rtl"] .nav-links li {
    margin-right: 0;
    margin-left: 2rem;
}

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

body[dir="rtl"] .nav-icons .icon-btn {
    margin-left: 0;
    margin-right: 1rem;
}

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

/* Language Switcher */
body[dir="rtl"] .language-switcher {
    margin-left: 0;
    margin-right: 1rem;
}

/* Hero Section */
body[dir="rtl"] .hero-content {
    text-align: right;
}

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

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

body[dir="rtl"] .product-actions {
    left: auto;
    right: 10px;
}

body[dir="rtl"] .wishlist-btn {
    left: auto;
    right: 10px;
}

/* Product Details Page */
body[dir="rtl"] .product-main-info {
    text-align: right;
}

body[dir="rtl"] .breadcrumb {
    direction: rtl;
}

body[dir="rtl"] .breadcrumb li:not(:first-child)::before {
    content: "\\";
    margin: 0 10px;
    transform: scaleX(-1);
}

/* Cart Page */
body[dir="rtl"] .cart-table th,
body[dir="rtl"] .cart-table td {
    text-align: right;
}

body[dir="rtl"] .cart-table th:first-child,
body[dir="rtl"] .cart-table td:first-child {
    text-align: right;
}

body[dir="rtl"] .quantity-controls button:first-child {
    border-radius: 0 4px 4px 0;
    border-right: none;
    border-left: 1px solid #ddd;
}

body[dir="rtl"] .quantity-controls button:last-child {
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-right: 1px solid #ddd;
}

/* Checkout Page */
body[dir="rtl"] .checkout-layout {
    direction: rtl;
}

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

body[dir="rtl"] .form-control,
body[dir="rtl"] .form-select,
body[dir="rtl"] input,
body[dir="rtl"] textarea,
body[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

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

body[dir="rtl"] .summary-row {
    direction: rtl;
}

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

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

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

body[dir="rtl"] .social-links {
    justify-content: flex-start;
}

/* Buttons and Icons */
body[dir="rtl"] .btn i {
    margin-right: 0;
    margin-left: 8px;
}

body[dir="rtl"] i.fa,
body[dir="rtl"] i.fas,
body[dir="rtl"] i.far {
    margin-right: 0;
    margin-left: 5px;
}

/* Flexbox Adjustments */
body[dir="rtl"] .d-flex {
    direction: rtl;
}

/* Grid Adjustments */
body[dir="rtl"] .products-grid,
body[dir="rtl"] .category-grid,
body[dir="rtl"] .brand-grid {
    direction: rtl;
}

/* Search and Filters */
body[dir="rtl"] .search-bar input {
    text-align: right;
    padding-right: 45px;
    padding-left: 20px;
}

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

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

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

/* Badges and Tags */
body[dir="rtl"] .product-badge {
    left: auto;
    right: 10px;
}

body[dir="rtl"] .badge {
    margin-right: 0;
    margin-left: 5px;
}

/* Form Elements */
body[dir="rtl"] .checkbox-label,
body[dir="rtl"] .radio-label {
    padding-right: 30px;
    padding-left: 0;
}

body[dir="rtl"] .checkbox-label::before,
body[dir="rtl"] .radio-label::before {
    right: 0;
    left: auto;
}

/* Alerts and Messages */
body[dir="rtl"] .alert {
    text-align: right;
}

body[dir="rtl"] .alert i {
    margin-right: 0;
    margin-left: 10px;
}

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

/* Tables */
body[dir="rtl"] table {
    text-align: right;
}

/* Modals */
body[dir="rtl"] .modal-header,
body[dir="rtl"] .modal-body,
body[dir="rtl"] .modal-footer {
    text-align: right;
}

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

/* Numbers should stay LTR */
body[dir="rtl"] .number {
    direction: ltr;
    display: inline-block;
}

/* Breadcrumb Navigation */
body[dir="rtl"] .breadcrumb {
    padding-right: 0;
    padding-left: 0;
}

/* Product Gallery */
body[dir="rtl"] .thumbnail-gallery {
    direction: rtl;
}

/* Shopping Cart Items */
body[dir="rtl"] .cart-item {
    direction: rtl;
}

body[dir="rtl"] .cart-item-image {
    margin-right: 0;
    margin-left: 20px;
}

/* Quantity Input */
body[dir="rtl"] .quantity-input {
    direction: ltr;
}

/* Star Ratings */
body[dir="rtl"] .rating {
    direction: ltr;
}

/* Language Switcher Button */
.language-switcher {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: transparent;
    border: 1px solid #D4AF37;
    border-radius: 4px;
    color: #D4AF37 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
}

.language-switcher:hover {
    background: #D4AF37 !important;
    color: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
}

.language-switcher:active {
    transform: translateY(0);
}

.language-switcher i {
    margin-right: 5px;
    transition: all 0.3s ease;
}

body[dir="rtl"] .language-switcher {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: transparent;
    border: 1px solid #D4AF37;
    border-radius: 4px;
    color: #D4AF37 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
}

body[dir="rtl"] .language-switcher:hover {
    background: #D4AF37 !important;
    color: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
}

body[dir="rtl"] .language-switcher:active {
    transform: translateY(0);
}

body[dir="rtl"] .language-switcher i {
    margin-right: 0;
    margin-left: 5px;
}

/* Arabic Font Optimization */
body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4,
body[dir="rtl"] h5,
body[dir="rtl"] h6 {
    font-family: 'Cairo', 'Tajawal', sans-serif;
    font-weight: 700;
}

body[dir="rtl"] p,
body[dir="rtl"] span,
body[dir="rtl"] div {
    font-family: 'Cairo', 'Tajawal', 'Montserrat', sans-serif;
}

/* Adjust line height for Arabic text */
body[dir="rtl"] {
    line-height: 1.8;
}

/* Button Text Alignment */
body[dir="rtl"] .btn {
    text-align: center;
}

/* Input Placeholders */
body[dir="rtl"] ::placeholder {
    text-align: right;
}

/* Select Dropdown Arrow */
body[dir="rtl"] select {
    background-position: left 10px center;
    padding-right: 10px;
    padding-left: 35px;
}

/* Remove spinner from number inputs for better Arabic support */
body[dir="rtl"] input[type="number"]::-webkit-inner-spin-button,
body[dir="rtl"] input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body[dir="rtl"] input[type="number"] {
    -moz-appearance: textfield;
}