/* ============================================================
   en.css — LTR overrides for the English site
   Loaded AFTER style.css / gallery.css / blog.css on every page
   under /en/. style.css is shared with the Persian (RTL) site,
   so this file only overrides the handful of rules that were
   written with RTL reading order in mind. Most of the layout
   already uses logical properties (margin-inline-start,
   border-inline-start, inset-inline-start, etc.) and therefore
   flips correctly on its own once direction is ltr.
   ============================================================ */

html { direction: ltr; }

body {
  direction: ltr;
}

/* Form fields: typed content should read left-to-right */
.form-group input,
.form-group select,
.form-group textarea,
.captcha-box input,
#hiringCaptchaAnswer {
  direction: ltr;
  text-align: left;
}

.captcha-box label {
  direction: ltr;
}

/* Phone/email values in the contact panel */
.contact-item-text span {
  direction: ltr;
  text-align: left;
}

/* Article body copy: left-align instead of the RTL right-align */
.article-content h2,
.article-content summary,
.article-content .blog-grid p {
  text-align: left;
}

.article-toc h2,
.article-keypoints h2 {
  text-align: left;
}

/* Justified text produces uneven, "rivers of whitespace" gaps in English —
   left-align instead, matching normal LTR reading conventions. */
#services,
.about-content,
.whyus-grid,
.article-content {
  text-align: left;
}

/* Skip-nav / breadcrumb, chip rows read naturally without flipping */