/* RTL (Right-to-Left) Styles for Arabic */

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

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

[dir="rtl"] #carousel-indicators {
  flex-direction: row-reverse;
}

/* Header RTL Adjustments */
[dir="rtl"] .site-desktop-nav a {
  margin-right: 0;
  margin-left: 2rem;
}

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

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

/* Mobile Menu RTL */
[dir="rtl"] .site-mobile-menu {
  left: 0;
  right: auto;
  box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
}

/* Product Card RTL */
[dir="rtl"] .product-discount-badge {
  left: auto;
  right: 12px;
}

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

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

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

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

/* Mobile Menu RTL */
[dir="rtl"] .site-mobile-menu {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

[dir="rtl"] .site-mobile-menu.show,
[dir="rtl"] .site-mobile-menu.translate-x-0 {
  transform: translateX(0);
}

[dir="rtl"] .site-mobile-menu.-translate-x-full {
  transform: translateX(100%);
}

/* Cart Drawer RTL */
[dir="rtl"] .site-cart-drawer {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  box-shadow: 10px 0 25px rgba(0, 0, 0, 0.1);
}

[dir="rtl"] .site-cart-drawer.show {
  transform: translateX(0);
}

/* Footer RTL */
[dir="rtl"] .site-contact-info i {
  margin-right: 0;
  margin-left: 0.5rem;
}

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

/* Hero Carousel RTL */
[dir="rtl"] .hero-nav-btn.prev {
  left: auto;
  right: 20px;
}

[dir="rtl"] .hero-nav-btn.next {
  right: auto;
  left: 20px;
}

/* Swiper RTL */
[dir="rtl"] .swiper-button-next {
  left: 10px;
  right: auto;
}

[dir="rtl"] .swiper-button-prev {
  right: 10px;
  left: auto;
}

[dir="rtl"] .swiper-button-next:after {
  content: 'prev';
}

[dir="rtl"] .swiper-button-prev:after {
  content: 'next';
}

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

/* Badge RTL */
[dir="rtl"] .site-badge {
  right: auto;
  left: -8px;
}

/* Dropdown RTL */
[dir="rtl"] .site-user-dropdown {
  right: auto;
  left: 0;
}

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

/* Grid RTL - No changes needed as grid is symmetric */

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

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

/* Margin/Padding RTL Adjustments */
[dir="rtl"] .mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}

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

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

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

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

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

/* Icons RTL - Flip certain icons */
[dir="rtl"] .fa-chevron-left:before {
  content: "\f054"; /* chevron-right */
}

[dir="rtl"] .fa-chevron-right:before {
  content: "\f053"; /* chevron-left */
}

[dir="rtl"] .fa-arrow-left:before {
  content: "\f061"; /* arrow-right */
}

[dir="rtl"] .fa-arrow-right:before {
  content: "\f060"; /* arrow-left */
}

/* Service Card RTL */
[dir="rtl"] .service-card {
  text-align: center; /* Keep centered */
}

/* Product Actions RTL */
[dir="rtl"] .product-actions {
  flex-direction: row-reverse;
}

/* Checkout Form RTL */
[dir="rtl"] .checkout-form label {
  text-align: right;
}

/* Order Summary RTL */
[dir="rtl"] .order-summary {
  text-align: right;
}

/* Mobile Responsive RTL */
@media (max-width: 768px) {
  [dir="rtl"] .site-logo {
    justify-content: flex-end;
  }
  
  [dir="rtl"] .site-mobile-menu-btn {
    order: -1;
  }
}

/* Arabic Font Optimization */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] button {
  font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Number formatting for Arabic */
[dir="rtl"] .product-current-price,
[dir="rtl"] .product-old-price,
[dir="rtl"] .site-cart-total {
  direction: ltr;
  text-align: right;
}

/* Ensure proper spacing for Arabic text */
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
}

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

/* Navigation Pills RTL */
[dir="rtl"] .nav-pills {
  flex-direction: row-reverse;
}

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

/* Alert/Toast RTL */
[dir="rtl"] .alert,
[dir="rtl"] .toast {
  text-align: right;
}

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

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

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

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

/* Fix for Product Card Price Alignment */
[dir="rtl"] .product-price-container {
  justify-content: flex-end;
  text-align: right;
}

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

/* Fix for Subtitles with mx-auto - Remove centering for RTL */
[dir="rtl"] .text-center p.mx-auto,
[dir="rtl"] .text-center .mx-auto {
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}

/* Specific fix for page subtitles */
[dir="rtl"] .text-gray-600.max-w-2xl.mx-auto,
[dir="rtl"] .text-gray-600.mx-auto {
  text-align: right;
  margin-left: 0;
  margin-right: 0;
}

/* Fix for Product Detail Page Tabs */
[dir="rtl"] .nav-tabs,
[dir="rtl"] .tab-list,
[dir="rtl"] [role="tablist"] {
  justify-content: flex-end;
  text-align: right;
}

[dir="rtl"] .nav-tabs .nav-link,
[dir="rtl"] .tab-list button,
[dir="rtl"] [role="tab"] {
  text-align: right;
}

/* Fix for section headers and subtitles */
[dir="rtl"] .text-center {
  text-align: right !important;
}

[dir="rtl"] .text-center h1,
[dir="rtl"] .text-center h2,
[dir="rtl"] .text-center h3,
[dir="rtl"] .text-center h4 {
  text-align: right !important;
}

/* Override mx-auto for RTL text blocks */
[dir="rtl"] p.mx-auto,
[dir="rtl"] div.mx-auto p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ensure all price elements are right-aligned */
[dir="rtl"] .price,
[dir="rtl"] .product-price,
[dir="rtl"] [class*="price"] {
  text-align: right;
  justify-content: flex-end;
}

/* Tab navigation specific fixes */
[dir="rtl"] .border-b {
  border-bottom: 1px solid #e5e7eb;
}

[dir="rtl"] .border-b button {
  text-align: right;
}

/* Additional subtitle fixes */
[dir="rtl"] section p.text-gray-600,
[dir="rtl"] section .text-gray-600 {
  text-align: right;
}