/* ============================================================
   AL-HABIB REAL ESTATE — CONTACT PAGE CSS (English / LTR)
   Imports shared contact styles, then applies LTR overrides.
   ============================================================ */

/* ── Shared base from AR contact ── */
@import url('../ar/contact.css');

/* ── LTR direction overrides ── */


.mah-ct-hero {
  direction: ltr;
}


.mah-ct-hero__content {
  right: auto;
  left: 111px;
  text-align: left;
}

/* Hero place-card mirrors to the top-right in LTR */
.mah-ct-hero__card-wrap {
  left: auto;
  right: 24px;
}

.mah-ct-hero__title {
  font-family: 'Neco', system-ui, serif;
  font-size: 64px;
  letter-spacing: -2px;
  max-width: 600px;
  white-space: normal;
  line-height: normal;
}

.mah-ct-hero__subtitle {
  font-family: 'Work Sans', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 400;
  max-width: 500px;
}

.mah-ct-info-bar {
  direction: ltr;
}

.mah-ct-info-bar__inner {
  justify-content: space-between;
  flex-direction: row;
}

.mah-ct-info-bar__address {
  direction: ltr;
  align-items: flex-start;
  text-align: left;
}

.mah-ct-info-bar__addr-text,
.mah-ct-info-bar__hours-text {
  text-align: left;
}

/* hours-text is a fixed-width box in the AR base; let it hug the left edge so it
   lines up with the address text in LTR */
.mah-ct-info-bar__hours-text {
  width: auto;
  align-self: flex-start;
}

.mah-ct-body {
  direction: ltr;
}

.mah-ct-service-label {
  justify-content: flex-start;
}

.mah-ct-form-row {
  justify-content: flex-start;
  flex-direction: row;
}

/* In LTR the form packs left, so the open space (and the decorative pattern) mirrors to the
   right edge. scaleX(-1) flips the ornament so its bleed matches the AR layout, mirrored. */
.mah-ct-pattern {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}

.mah-ct-form {
  align-items: flex-start;
}

.mah-ct-form__header {
  align-items: flex-start;
  text-align: left;
}

.mah-ct-form__title {
  font-family: 'Neco', system-ui, serif;
}

.mah-ct-form__subtitle {
  font-family: 'Work Sans', system-ui, sans-serif;
  font-size: 16px;
  white-space: normal;
}

.mah-ct-input,
.mah-ct-textarea {
  text-align: left;
  direction: ltr;
}

.mah-ct-file-label {
  text-align: left;
}

.mah-ct-input::placeholder,
.mah-ct-textarea::placeholder {
  text-align: left;
}

.mah-ct-sidebar {
  direction: ltr;
}

.mah-ct-sidebar__instruction {
  text-align: left;
  font-family: 'Work Sans', system-ui, sans-serif;
  font-size: 18px;
}

.mah-ct-acc__name {
  text-align: left;
  font-family: 'Work Sans', system-ui, sans-serif;
}

.mah-ct-acc__desc {
  text-align: left;
  padding-right: 0;
  padding-left: 0;
  font-size: 15px;
}

/* The chevron glyph points left (for RTL); mirror it to point right in LTR so
   it reads "General Inquiry ›" with the icon after the name. */
.mah-ct-acc-item--active .mah-ct-acc__btn svg {
  transform: scaleX(-1);
}

.mah-ct-acc-item--inactive {
  justify-content: flex-start;
  text-align: left;
}

.mah-ct-acc-item--inactive .mah-ct-acc__name {
  text-align: left;
}

.mah-ct-partners {
  direction: ltr;
}

.mah-ct-partners__bg-overlay {
  background: linear-gradient(to right, rgba(205, 182, 142, 0) 42%, rgba(205, 182, 142, 0.30) 96%);
}

.mah-ct-partners__card {
  right: auto;
  left: 40px;
}

.mah-ct-social {
  direction: ltr;
  flex-direction: row-reverse;
}

/* ── Mobile overrides (LTR) ── */
@media (max-width: 1200px) {
  .mah-ct-partners__card {
    left: 40px;
    right: auto;
  }
}

@media (max-width: 768px) {
  .mah-ct-info-bar__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .mah-ct-hero__content {
    left: auto;
    right: auto;
    text-align: left;
  }

  .mah-ct-partners__card {
    left: 0;
  }
}