@import url("../styles.css");

/* English (LTR) overrides */
html {
  direction: ltr;
}

body {
  direction: ltr;
  text-align: left;
}

/* Header: logo left, nav center, CTA right */
.site-header__nav-inner {
  direction: ltr;
  flex-wrap: nowrap;
}

.site-nav {
  direction: ltr;
  flex: 1 1 auto;
  justify-content: center;
  white-space: nowrap;
  gap: clamp(18px, 2vw, 49px);
  font-size: 16px;
}

.site-nav__link {
  white-space: nowrap;
  hyphens: none;
}

/* Mobile: allow wrapping to prevent horizontal scrolling */
@media (max-width: 720px) {
  .site-header__nav-inner {
    flex-wrap: wrap;
  }

  .site-nav {
    white-space: normal;
    flex-wrap: wrap;
  }

  .site-nav__link {
    white-space: normal;
  }
}

/* Buttons: keep green on hover like AR */
.btn--primary:hover,
.btn--primary:focus-visible {
  background: var(--color-accent);
  color: #fff;
  filter: none;
}

/* Services icons: keep inside circular badge (match AR/Figma) */
#services .card__icon-wrap {
  width: 82px;
  height: 82px;
  border-radius: 999px;
  background: #edf3f6;
  display: grid;
  place-items: center;
  margin-inline: auto;
}

#services .card__icon {
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
  object-fit: contain;
  display: block;
}

/* Hero + sections: flip alignment for LTR */
.hero__kicker,
.hero__content,
.split__content,
.section__title,
.section__lead,
.bullets__title,
.bullets__list {
  text-align: left;
}

.hero__kicker {
  justify-content: flex-start;
}

.hero__title {
  /* English title is longer: keep it to 1–2 lines like Figma */
  font-size: clamp(36px, 3.2vw, 66px);
  line-height: 1.15;
  max-width: 921px;
  text-wrap: balance;
}

.hero__content {
  max-width: 921px;
}

.section__title {
  /* Keep English section headings to 1–2 lines like Figma */
  font-size: clamp(30px, 2.6vw, 48px);
  line-height: 1.2;
  max-width: 910px;
  text-wrap: balance;
}

#importance-title {
  max-width: 910px;
}

#platform-title {
  max-width: 910px;
}

.contact__title {
  /* English contact title is longer; avoid 3+ lines */
  font-size: clamp(34px, 2.8vw, 53px);
  line-height: 1.2;
  max-width: 910px;
  text-wrap: balance;
}

.bullets__list {
  padding-inline-start: 22px;
}

/* FAQ */
.faq__summary {
  text-align: left;
}

/* Contact: keep physical layout (image left / form right) but LTR text */
.contact__grid {
  direction: ltr;
}

.contact__form-wrap {
  direction: ltr;
}

.field__label {
  text-align: left;
}

/* Footer */
.site-footer__grid {
  direction: ltr;
}

.site-footer__about,
.site-footer__contact {
  direction: ltr;
  text-align: left;
}

.site-footer__text {
  text-align: left;
}

.site-footer__contact {
  align-items: flex-start;
}

.site-footer__contact p {
  direction: ltr;
}

/* Coverage map: use EN-specific asset (do not touch AR map) */
.coverage__bg {
  background-image: url("../images/coverage-map-en.png");
}