/**
 * Al-Bashayer — RTL Overrides
 *
 * Only loaded when language is Arabic (RTL).
 * Handles edge cases that CSS logical properties don't cover.
 *
 * @see PRD/14-Localization-i18n.md §14.6
 */

/* ============================================
   1. TEXT ALIGNMENT (where 'start' doesn't work)
   ============================================ */

[dir="rtl"] .ab-text-start {
    text-align: right;
}

[dir="rtl"] .ab-text-end {
    text-align: left;
}

/* ============================================
   2. DIRECTIONAL ICONS (mirror arrows, chevrons)
   ============================================ */

[dir="rtl"] .ab-icon-arrow,
[dir="rtl"] .ab-icon-chevron,
[dir="rtl"] .ab-icon-back,
[dir="rtl"] .ab-icon-forward {
    transform: scaleX(-1);
}

/* ============================================
   3. FORM-SPECIFIC RTL FIXES
   ============================================ */

/* Phone input — always show numbers LTR */
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] .ab-phone-input {
    direction: ltr;
    text-align: right;
}

/* Email input — always LTR */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: right;
}

/* ============================================
   4. WIZARD / STEPPER RTL
   ============================================ */

[dir="rtl"] .ab-wizard-progress {
    flex-direction: row-reverse;
}

[dir="rtl"] .ab-wizard-connector {
    transform: scaleX(-1);
}

/* ============================================
   5. TABLE RTL
   ============================================ */

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

/* ============================================
   6. NOTIFICATION / TOAST RTL
   ============================================ */

[dir="rtl"] .ab-toast {
    inset-inline-end: auto;
    inset-inline-start: var(--wp--preset--spacing--40, 1rem);
}

/* ============================================
   7. SIDEBAR RTL
   ============================================ */

[dir="rtl"] .ab-sidebar {
    border-inline-end: 1px solid var(--wp--preset--color--border, #E2E8F0);
    border-inline-start: none;
}

/* ============================================
   8. ARABIC TYPOGRAPHY ENHANCEMENTS
   ============================================ */

[dir="rtl"] body {
    letter-spacing: 0;
    word-spacing: 0.05em;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
    line-height: 1.5;
}

/* Arabic text needs slightly more line height for diacritics */
[dir="rtl"] p,
[dir="rtl"] li {
    line-height: 1.8;
}