/* =====================================================================
   ROZANA MANPOWER — RTL + Arabic overrides
   Loaded AFTER styles.css, only on the Arabic page (html dir="rtl").
   Scoped to html[dir="rtl"] so it never touches the LTR pages.
   ===================================================================== */

/* Arabic type system (Cairo for display, Tajawal for body) */
html[dir="rtl"] {
  --display: "Cairo", "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --body: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif;
}
html[dir="rtl"] body { text-align: right; }

/* Arabic fonts have no true italics — synthetic oblique looks broken.
   Keep the brand colour accent, drop the slant. */
html[dir="rtl"] em,
html[dir="rtl"] .section-title em,
html[dir="rtl"] .page-hero h1 em { font-style: normal; }

/* Breadcrumb chevron should point the other way */
html[dir="rtl"] .breadcrumb svg { transform: scaleX(-1); }

/* Search box: icon to the right, padding mirrored */
html[dir="rtl"] .search-box svg { left: auto; right: 14px; }
html[dir="rtl"] .search-box input { padding: 11px 42px 11px 16px; }

/* Filter close button positioned on the left in RTL */
html[dir="rtl"] .filters [data-filter-close] {
  right: auto;
  left: 20px;
}

/* Candidate row mirroring -------------------------------------------- */
html[dir="rtl"] .cand-row .cand-name,
html[dir="rtl"] .cand-row .cand-flag { text-align: right; }

html[dir="rtl"] .cand-row .row-side {
  padding-left: 0; padding-right: 26px;
  border-left: 0; border-right: 1px solid var(--line);
}
html[dir="rtl"] .cand-row .cand-fav { left: auto; right: 14px; }

@media (max-width: 860px) {
  html[dir="rtl"] .cand-row .row-side {
    padding-right: 0; border-right: 0; border-top: 1px solid var(--line);
  }
}

/* Footer link hover nudge mirrored */
html[dir="rtl"] .foot-col a:hover { padding-left: 0; padding-right: 4px; }

/* Floating WhatsApp button to the left (matches live Arabic layout) */
html[dir="rtl"] .wa-float { right: auto; left: 22px; }

/* Salary value keeps number+currency LTR-clean inside RTL flow */
html[dir="rtl"] .cand-salary .val { unicode-bidi: plaintext; }

/* ---- Homepage components ---- */
/* Floating hero cards mirror to the opposite edges */
html[dir="rtl"] .hero-float.f1 { left: auto; right: -26px; }
html[dir="rtl"] .hero-float.f2 { right: auto; left: -22px; }
@media (max-width: 760px) {
  html[dir="rtl"] .hero-float.f1 { left: auto; right: -8px; }
  html[dir="rtl"] .hero-float.f2 { right: auto; left: -8px; }
}

/* Arrow icons inside buttons / "read more" links point the other way */
html[dir="rtl"] .btn svg { transform: scaleX(-1); }
html[dir="rtl"] .post .more svg { transform: scaleX(-1); }
html[dir="rtl"] .post:hover .more svg { transform: scaleX(-1) translateX(4px); }

/* Vertical (grid) candidate cards: badges left, fav right in RTL */
html[dir="rtl"] .cand-fav { left: auto; right: 22px; }
html[dir="rtl"] .cand-badges { right: auto; left: 18px; align-items: flex-start; }