/* RTL overrides for the standalone (non-AMP) cart & checkout pages.
   Loaded LAST and only when lang=ar, so it wins over style.css / checkout.css / cart.css.
   These pages use LTR-oriented flex/grid layouts, so we flip direction + font here. */

html[dir="rtl"] body {
    direction: rtl !important;
    text-align: right;
    font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', 'Raleway', sans-serif !important;
}

/* Everything inside flows RTL */
html[dir="rtl"] .container,
html[dir="rtl"] header,
html[dir="rtl"] main,
html[dir="rtl"] footer,
html[dir="rtl"] .header-content,
html[dir="rtl"] .cart-container,
html[dir="rtl"] .cart-grid,
html[dir="rtl"] .cart-card,
html[dir="rtl"] .cart-item,
html[dir="rtl"] .checkout-wrapper,
html[dir="rtl"] .checkout-grid,
html[dir="rtl"] .checkout-card,
html[dir="rtl"] .checkout-form,
html[dir="rtl"] .order-summary,
html[dir="rtl"] nav ul {
    direction: rtl;
}

/* Header nav / logo alignment */
html[dir="rtl"] header nav ul {
    justify-content: flex-start;
}

/* Text alignment for headings and content */

html[dir="rtl"] .cart-title,
html[dir="rtl"] .cart-item-title,
html[dir="rtl"] .checkout-cart-item-name,
html[dir="rtl"] .form-group label,
html[dir="rtl"] .checkout-form label,
html[dir="rtl"] .os-label {
    text-align: right;
}

/* Form inputs read RTL, but keep email/tel/number/card LTR */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] .iti input {
    direction: ltr;
    text-align: right;
}

/* Summary rows: label on the right, value on the left */
html[dir="rtl"] .cart-summary-row,
html[dir="rtl"] .cart-summary-total,
html[dir="rtl"] .order-summary-row,
html[dir="rtl"] .order-summary-total {
    direction: rtl;
}

/* Buttons keep Arabic font */
html[dir="rtl"] .cart-checkout-btn,
html[dir="rtl"] .checkout-btn,
html[dir="rtl"] .cart-continue,
html[dir="rtl"] button,
html[dir="rtl"] .btn-submit {
    font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif !important;
}

/* Footer centered */
html[dir="rtl"] footer,
html[dir="rtl"] .footer-menu,
html[dir="rtl"] .footer-copyright {
    direction: rtl;
    text-align: center;
}