/* Phase 7: Arabic RTL support for /ae/ site (blog_id=10)
   Loaded conditionally via is_rtl() + get_current_blog_id()==10
   Qode/Valeska theme has ZERO native RTL support -- all overrides here */

/* 1. Arabic font loading via Google Fonts CDN */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

/* 2. CRITICAL: Reset letter-spacing for Arabic text
   Arabic is a cursive script -- letter-spacing disconnects joined letterforms
   This is the #1 most common Arabic CSS pitfall */
body.rtl,
body.rtl * {
    letter-spacing: 0 !important;
}

/* 3. Base typography -- Arabic font for all text */
body.rtl {
    font-family: 'Noto Naskh Arabic', 'Arial', serif;
}

body.rtl p,
body.rtl span,
body.rtl li,
body.rtl a,
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl input, body.rtl textarea, body.rtl select, body.rtl button,
body.rtl .woocommerce *,
body.rtl .elementor-widget-container,
body.rtl .elementor-widget-container * {
    font-family: 'Noto Naskh Arabic', 'Arial', serif;
}

/* 4. Keep Cormorant Garamond for brand name "Anteprima" and Latin city names */
body.rtl .brand-name,
body.rtl .qodef-m-title a {
    font-family: 'Cormorant Garamond', 'Noto Naskh Arabic', serif;
}

/* 5. Navigation RTL fixes (Valeska header) */
body.rtl .qodef-header-navigation {
    direction: rtl;
}

body.rtl .qodef-header-navigation ul {
    text-align: right;
}

/* 6. Product gallery fixes -- sliders may need LTR direction internally */
body.rtl .flex-viewport,
body.rtl .woocommerce-product-gallery__wrapper {
    direction: ltr;
}

body.rtl .woocommerce-product-gallery {
    direction: rtl;
}

/* 7. WooCommerce form alignment */
body.rtl .woocommerce form .form-row {
    text-align: right;
}

body.rtl .woocommerce form .form-row label {
    text-align: right;
}

/* 8. WooCommerce cart/checkout table alignment */
body.rtl .woocommerce table.shop_table {
    text-align: right;
}

body.rtl .woocommerce table.shop_table th,
body.rtl .woocommerce table.shop_table td {
    text-align: right;
}

/* 9. Footer column order fix */
body.rtl .elementor-row {
    direction: rtl;
}

/* 10. Mobile hamburger menu position */
body.rtl .qodef-mobile-header-navigation {
    direction: rtl;
    text-align: right;
}

/* 11. Breadcrumbs RTL */
body.rtl .woocommerce-breadcrumb {
    direction: rtl;
    text-align: right;
}

/* 12. Price display alignment */
body.rtl .price,
body.rtl .woocommerce-Price-amount {
    direction: ltr;
    unicode-bidi: embed;
}

/* 13. Quantity input alignment */
body.rtl .quantity {
    direction: ltr;
}

/* 14. Search form */
body.rtl .qodef-search-form input {
    text-align: right;
    direction: rtl;
}

/* 15. Widget text alignment */
body.rtl .widget {
    text-align: right;
}

/* NOTE: Additional RTL fixes may be needed after visual audit.
   This file will be updated based on actual breakages discovered
   during the checkpoint verification step below. */