/* ============================================================
   AL-HABIB REAL ESTATE — JOB DESCRIPTION PAGE CSS (English / LTR)
   Imports the shared (RTL-first) base, then applies LTR overrides.
   BEM prefix: mah-jd-*
   ============================================================ */
@import url('../ar/job-description.css');

:root {
  --jd-heading-font: 'Neco', 'Work Sans', system-ui, sans-serif;
}

/* ── Breadcrumbs ── */
.mah-jd-breadcrumbs { direction: ltr; }

/* ── Layout: keep content on the LEFT, TOC nav on the RIGHT ── */
.mah-jd-main {
  direction: ltr;
  justify-content: flex-start;
}
.mah-jd-content { order: 1; }
.mah-jd-nav { order: 2; }
.mah-jd-nav__inner { align-items: flex-start; }
.mah-jd-nav__item { text-align: left; direction: ltr; }

/* ── Header ── */
.mah-jd-head__inner { align-items: flex-start; padding: 24px 0 24px 24px; }
.mah-jd-head__title { text-align: left; direction: ltr; }

/* ── Section titles ── */
.mah-jd-section-title { justify-content: flex-start; }
.mah-jd-section-title__text { text-align: left; direction: ltr; }
.mah-jd-section-title__arrow { transform: none; }  /* LTR: arrow points right */

/* ── Description ── */
.mah-jd-desc__inner { padding: 0 24px 24px 0; }
.mah-jd-desc p { text-align: left; direction: ltr; }

/* ── Requirement rows ── */
.mah-jd-req { direction: ltr; }
.mah-jd-req__text { padding: 0 24px 0 0; text-align: left; direction: ltr; }
.mah-jd-req__label { padding: 0 24px 24px 0; text-align: left; direction: ltr; }

/* ── Form ── */
.mah-jd-form { align-items: flex-start; direction: ltr; }
.mah-jd-form__head { align-items: flex-start; text-align: left; }
.mah-jd-form__title,
.mah-jd-form__subtitle { direction: ltr; }
.mah-jd-field__input,
.mah-jd-field__file-label { text-align: left; direction: ltr; }

/* ── International phone (LTR): flag group on the left ── */
.mah-jd-phone { text-align: left; }
.mah-jd-field--phone .iti__selected-country { border-radius: var(--jd-radius-sm) 0 0 var(--jd-radius-sm); }
.mah-jd-field--phone .iti--inline-dropdown .iti__dropdown-content { left: 0; right: auto; }
.mah-jd-form__actions { direction: ltr; }
.mah-jd-btn--reset { padding: 16px 24px 16px 16px; }

/* ── Similar job cards ── */
.mah-jd-card { direction: ltr; }
.mah-jd-card__details { padding: 24px 24px 24px 0; }
.mah-jd-card__title-block { align-items: flex-start; }
.mah-jd-card__title { text-align: left; direction: ltr; }
.mah-jd-card__desc { text-align: left; direction: ltr; }