/**
 * RTL Overrides — Arabic Layout Support
 *
 * Corrections de mise en page pour les langues de droite à gauche.
 * Chargé conditionnellement quand is_rtl() est true (Polylang / WordPress).
 *
 * @package Bipauto
 * @since   1.0.0
 */

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

/* ── Typography ──────────────────────────────────────────── */
[dir="rtl"] body {
    font-family: var(--font-arabic), var(--font-body);
    line-height: var(--leading-relaxed);
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: var(--font-arabic), var(--font-heading);
}

/* ── Header ──────────────────────────────────────────────── */
[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

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

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

/* ── Mobile menu: slide from left instead of right ───────── */
[dir="rtl"] .mobile-menu-inner {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid var(--border);
    transform: translateX(-100%);
}

[dir="rtl"] .mobile-menu:not([hidden]) .mobile-menu-inner {
    transform: translateX(0);
}

/* ── Language dropdown ───────────────────────────────────── */
[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

/* ── Product cards ───────────────────────────────────────── */
[dir="rtl"] .product-card-footer {
    flex-direction: row-reverse;
}

[dir="rtl"] .product-badge {
    left: auto;
    right: var(--space-3);
}

[dir="rtl"] .product-card-sku {
    direction: ltr;
    text-align: right;
}

/* ── Feature cards ───────────────────────────────────────── */
[dir="rtl"] .feature-card {
    text-align: center;
}

/* ── Footer ──────────────────────────────────────────────── */
[dir="rtl"] .footer-contact-list li {
    flex-direction: row-reverse;
}

/* ── Select fields: chevron on left ──────────────────────── */
[dir="rtl"] .search-field select {
    background-position: left 14px center;
    padding-right: var(--space-4);
    padding-left: 36px;
}

/* ── Chevron icon flip ───────────────────────────────────── */
[dir="rtl"] .icon-chevron {
    transform: scaleX(-1);
}

[dir="rtl"] .lang-switcher.open .icon-chevron {
    transform: scaleX(-1) rotate(180deg);
}

/* ── WhatsApp FAB position ───────────────────────────────── */
[dir="rtl"] .whatsapp-fab {
    right: auto;
    left: var(--space-6);
}

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

/* ── Breadcrumb direction ────────────────────────────────── */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}