/*
  RTL + Persian-typography layer.
  Loaded only on /fa/ pages, after bootstrap.rtl.min.css, style.css and apex.css.
  Keep this file to direction, font and icon-mirroring fixes only.
*/

@font-face {
  font-family: "Vazir";
  src: url("../fonts/vazir-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazir";
  src: url("../fonts/vazir-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazir";
  src: url("../fonts/vazir-700.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --heading-font: "Vazir", Tahoma, "Segoe UI", sans-serif;
  --body-font: "Vazir", Tahoma, "Segoe UI", sans-serif;
}

html[dir="rtl"] body {
  letter-spacing: 0;
  line-height: 1.95;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  letter-spacing: 0;
  line-height: 1.5;
}

html[dir="rtl"] .hero-title {
  line-height: 1.45;
  font-size: 2.6rem;
}

@media (max-width: 767px) {
  html[dir="rtl"] .hero-title {
    font-size: 1.75rem;
  }
}

html[dir="rtl"] .hero-eyebrow,
html[dir="rtl"] .eyebrow {
  letter-spacing: 0;
  text-transform: none;
}

/* phone numbers and registration numbers stay left-to-right */
.ltr-num {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

html[dir="rtl"] .btn,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .badge-soft {
  letter-spacing: 0;
}

html[dir="rtl"] .btn {
  --bs-btn-font-weight: 700;
}

html[dir="rtl"] .eyebrow::before {
  order: 2;
}

html[dir="rtl"] .icon-flip {
  transform: scaleX(-1);
}

html[dir="rtl"] .contact-form-card textarea,
html[dir="rtl"] .contact-form-card input {
  text-align: right;
}

html[dir="rtl"] .contact-form-card input[type="email"],
html[dir="rtl"] .contact-form-card input[type="tel"] {
  direction: ltr;
  text-align: right;
}

html[dir="rtl"] .section-heading h2::after,
html[dir="rtl"] .section-heading h3::after {
  margin-right: 0;
}

html[dir="rtl"] .skip-link {
  left: auto;
  right: 8px;
}