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

/* RTL is applied via dir="rtl" attribute on html element */
/* These styles handle specific RTL adjustments */

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

html[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

/* RTL-specific adjustments (global - for elements outside navbar) */
html[dir="rtl"] .cart-dropdown {
    right: auto;
    left: 0;
}

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

html[dir="rtl"] .language-option {
    text-align: left;
}

html[dir="rtl"] .contact-card-value {
    direction: ltr;
    text-align: left;
}

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

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

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

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

/* LTR-specific adjustments (global - for elements outside navbar) */
html[dir="ltr"] .cart-dropdown {
    left: auto;
    right: 0;
}

html[dir="ltr"] .language-menu {
    left: auto;
    right: 0;
}

html[dir="ltr"] .language-option {
    text-align: right;
}

/* Text alignment adjustments */
html[dir="rtl"] .text-center {
    text-align: center;
}

html[dir="ltr"] .text-center {
    text-align: center;
}

/* Ensure numbers and prices are always LTR */
.price,
.quantity-value,
.contact-card-value,
.cart-item-price,
.product-card-price {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

/* RTL-specific spacing adjustments */
html[dir="rtl"] .product-badge {
    right: auto;
    left: var(--spacing-md);
}

html[dir="ltr"] .product-badge {
    left: auto;
    right: var(--spacing-md);
}

/* ============================================
   Navbar RTL/LTR Support - Applied to Parent
   ============================================ */

/* Apply direction to navbar and all its children */
html[dir="rtl"] .navbar {
    direction: rtl;
}

html[dir="ltr"] .navbar {
    direction: ltr;
}

/* Ensure navbar-container and all children inherit direction */
html[dir="rtl"] .navbar,
html[dir="rtl"] .navbar * {
    direction: rtl;
}

html[dir="ltr"] .navbar,
html[dir="ltr"] .navbar * {
    direction: ltr;
}

/* Override for specific elements that should always be LTR (like numbers) */
html[dir="rtl"] .navbar .cart-badge,
html[dir="rtl"] .navbar .price {
    direction: ltr;
    text-align: left;
}

/* Keep quantity value centered in cart items */
html[dir="rtl"] .quantity-value {
    direction: ltr;
    text-align: center;
    justify-content: center;
}

/* Cart badge positioning - uses logical properties */
html[dir="rtl"] .navbar .cart-badge {
    right: auto;
    left: 0;
}

html[dir="ltr"] .navbar .cart-badge {
    left: auto;
    right: 0;
}

/* Cart dropdown positioning - within navbar context */
html[dir="rtl"] .navbar .cart-dropdown {
    right: auto;
    left: 0;
}

html[dir="ltr"] .navbar .cart-dropdown {
    left: auto;
    right: 0;
}

/* Language menu positioning - within navbar context */
html[dir="rtl"] .navbar .language-menu {
    right: auto;
    left: 0;
}

html[dir="ltr"] .navbar .language-menu {
    left: auto;
    right: 0;
}

/* Mobile menu button positioning */
html[dir="rtl"] .navbar .mobile-menu-btn {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

html[dir="ltr"] .navbar .mobile-menu-btn {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* Mobile menu button - RTL support (no special adjustments needed for SVG icon) */