/*
 * VisaResume.com — RTL layout overrides
 * Loaded ONLY on lang=ar and lang=ur pages.
 * Uses [dir="rtl"] scoping so no global impact.
 */

/* Google-recommended Arabic/Urdu webfonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Cairo:wght@400;500;600;700&display=swap');

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Noto Naskh Arabic', 'Cairo', 'Segoe UI', system-ui, sans-serif;
}

/* ── Navigation ──────────────────────────────────────────────────────────── */
[dir="rtl"] .navbar-content,
[dir="rtl"] #cs-desktop-nav,
[dir="rtl"] #form-sticky-nav,
[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .navbar-brand {
  margin-left: auto;
  margin-right: 0;
}

/* Dropdown menus open to the left on RTL */
[dir="rtl"] .vr-lang-menu {
  right: auto !important;
  left: 0 !important;
}

/* ── Grid and flex containers ────────────────────────────────────────────── */
[dir="rtl"] .row {
  flex-direction: row-reverse;
}

[dir="rtl"] .form-intro-row,
[dir="rtl"] .hero-content,
[dir="rtl"] .feature-grid,
[dir="rtl"] .step-row,
[dir="rtl"] .btn-group {
  flex-direction: row-reverse;
}

/* ── Text alignment defaults ─────────────────────────────────────────────── */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] label,
[dir="rtl"] .lead, [dir="rtl"] .text-start {
  text-align: right;
}

[dir="rtl"] .text-center { text-align: center; }

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

/* ── Lists ───────────────────────────────────────────────────────────────── */
[dir="rtl"] ul,
[dir="rtl"] ol,
[dir="rtl"] .feature-list {
  padding-right: 1.5rem;
  padding-left: 0;
}

/* ── Directional icons — mirror arrows, chevrons, breadcrumbs ────────────── */
[dir="rtl"] .arrow-icon,
[dir="rtl"] .chevron-icon,
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .breadcrumb-sep {
  transform: scaleX(-1);
}

/* ── Spacing mirroring — swap margin/padding left↔right ─────────────────── */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }

/* ── Cards and containers ────────────────────────────────────────────────── */
[dir="rtl"] .card-body,
[dir="rtl"] .modal-body,
[dir="rtl"] .alert {
  text-align: right;
}

/* ── Form labels and help text ───────────────────────────────────────────── */
[dir="rtl"] .form-label,
[dir="rtl"] .form-text,
[dir="rtl"] .invalid-feedback,
[dir="rtl"] .valid-feedback {
  text-align: right;
}

/* ── Progress / step indicators ─────────────────────────────────────────── */
[dir="rtl"] .progress-bar {
  float: right;
}

/* ── Flash / toast messages ──────────────────────────────────────────────── */
[dir="rtl"] .alert {
  direction: rtl;
  text-align: right;
}

/* ── Badges and tags ─────────────────────────────────────────────────────── */
[dir="rtl"] .badge {
  direction: rtl;
}

/* ── No italics for Arabic/Urdu script ───────────────────────────────────── */
[dir="rtl"] em,
[dir="rtl"] i:not(.fas):not(.far):not(.fab) {
  font-style: normal;
}

/* ── Language selector — always LTR regardless of page dir ──────────────── */
.vr-lang-wrap,
.vr-lang-btn,
.vr-lang-menu {
  direction: ltr !important;
  text-align: left !important;
}