/**
 * xHire RTL Stylesheet — Arabic (ar) support
 * Applied only when $IS_RTL is true (loaded conditionally via PHP)
 */

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

/* ── Typography ─────────────────────────────────────────────────────────── */
html[dir="rtl"] body {
    font-family: 'Segoe UI', Tahoma, 'Arabic Typesetting', Arial, sans-serif;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
html[dir="rtl"] .pbmit-pre-header-left   { order: 2; }
html[dir="rtl"] .pbmit-pre-header-right  { order: 1; }
html[dir="rtl"] .pbmit-contact-info      { flex-direction: row-reverse; }
html[dir="rtl"] .pbmit-social-links      { flex-direction: row-reverse; }

html[dir="rtl"] .pbmit-header-content    { flex-direction: row-reverse; }
html[dir="rtl"] .pbmit-right-box         { flex-direction: row-reverse; }
html[dir="rtl"] .pbmit-menuarea          { order: 2; }
html[dir="rtl"] .site-branding           { order: 1; }

html[dir="rtl"] .navigation li           { float: right; }
html[dir="rtl"] .navigation li a         { padding-right: 0; padding-left: 20px; }

/* ── Slider ─────────────────────────────────────────────────────────────── */
html[dir="rtl"] .pbmit-slider-content    { text-align: right; }
html[dir="rtl"] .pbmit-button            { flex-direction: row-reverse; }

/* ── Cards / Services ───────────────────────────────────────────────────── */
html[dir="rtl"] .pbmit-ihbox-icon-wrapper { float: right; margin-right: 0; margin-left: 20px; }
html[dir="rtl"] .pbmit-ihbox-contents    { text-align: right; }

/* ── Lists ───────────────────────────────────────────────────────────────── */
html[dir="rtl"] ul.pbmit-contact-info    { padding-right: 0; }
html[dir="rtl"] .d-flex                  { /* don't reverse all flex — handled per-component */ }

/* ── Footer ─────────────────────────────────────────────────────────────── */
html[dir="rtl"] .pbmit-footer-widget     { text-align: right; }
html[dir="rtl"] .pbmit-footer-logo       { text-align: right; }
html[dir="rtl"] .pbmit-footer-copyright-text-area { text-align: center; }

/* ── Forms ───────────────────────────────────────────────────────────────── */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

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

/* ── Misc utility ───────────────────────────────────────────────────────── */
html[dir="rtl"] .mr-auto { margin-left: auto !important; margin-right: 0 !important; }
html[dir="rtl"] .ml-auto { margin-right: auto !important; margin-left: 0 !important; }
html[dir="rtl"] .text-left  { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left  !important; }
html[dir="rtl"] .pr-0 { padding-left: 0  !important; padding-right: initial !important; }
html[dir="rtl"] .pl-0 { padding-right: 0 !important; padding-left: initial  !important; }

/* ── Swiper ──────────────────────────────────────────────────────────────── */
html[dir="rtl"] .swiper-wrapper { flex-direction: row-reverse; }
html[dir="rtl"] .swiper-button-prev { right: 10px; left: auto; }
html[dir="rtl"] .swiper-button-next { left: 10px; right: auto; }