/* Arabic-only RTL and typography layer. Loaded only for /ar/ routes. */

body.cosloom-lang-ar {
  --font-ar-sans: "Noto Sans Arabic", "Manrope", sans-serif;
  --font-ar-serif: "Noto Naskh Arabic", "Noto Sans Arabic", serif;
  direction: rtl;
  font-family: var(--font-ar-sans);
  letter-spacing: 0;
  text-align: right;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.cosloom-lang-ar h1,
body.cosloom-lang-ar h2,
body.cosloom-lang-ar h3,
body.cosloom-lang-ar .brand__name,
body.cosloom-lang-ar .concept-hero h1,
body.cosloom-lang-ar .route-page-hero__content h1,
body.cosloom-lang-ar .site-footer__statement-copy h2,
body.cosloom-lang-ar .showroom-card__title,
body.cosloom-lang-ar .project-card__content h3 {
  font-family: var(--font-ar-serif);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.16;
}

body.cosloom-lang-ar .brand__descriptor,
body.cosloom-lang-ar .section-label,
body.cosloom-lang-ar .showroom-card__topline,
body.cosloom-lang-ar .filter-chip,
body.cosloom-lang-ar .nav-links,
body.cosloom-lang-ar .language-switcher,
body.cosloom-lang-ar .eyebrow,
body.cosloom-lang-ar [class*="eyebrow"],
body.cosloom-lang-ar [class*="kicker"] {
  font-family: var(--font-ar-sans);
  letter-spacing: 0;
}

body.cosloom-lang-ar .hero__subhead,
body.cosloom-lang-ar .editorial-section-copy,
body.cosloom-lang-ar .section-intro p,
body.cosloom-lang-ar .showroom-card__summary,
body.cosloom-lang-ar .quote-form,
body.cosloom-lang-ar .site-footer,
body.cosloom-lang-ar .route-page-hero__content p {
  line-height: 1.82;
}

body.cosloom-lang-ar .site-nav,
body.cosloom-lang-ar .nav-links,
body.cosloom-lang-ar .nav-actions,
body.cosloom-lang-ar .language-switcher,
body.cosloom-lang-ar .site-footer__body,
body.cosloom-lang-ar .site-footer__bottom,
body.cosloom-lang-ar .showroom-card,
body.cosloom-lang-ar .project-card,
body.cosloom-lang-ar .archive-card,
body.cosloom-lang-ar .quote-form,
body.cosloom-lang-ar .mobile-dock,
body.cosloom-lang-ar .cosloom-mobile-dock {
  direction: rtl;
}

body.cosloom-lang-ar .language-switcher a[lang="ar"] {
  min-width: 68px;
}

body.cosloom-lang-ar .language-switcher a + a::before {
  margin: 0 0 0 7px;
}

body.cosloom-lang-ar .site-nav.logo--primary .nav-links {
  gap: clamp(12px, 1.35vw, 24px);
  font-size: 0.74rem;
  letter-spacing: 0;
}

body.cosloom-lang-ar .site-nav.logo--primary .nav-links a,
body.cosloom-lang-ar .nav-quote,
body.cosloom-lang-ar .button,
body.cosloom-lang-ar button,
body.cosloom-lang-ar .filter-chip {
  font-family: var(--font-ar-sans);
  font-weight: 700;
  letter-spacing: 0;
}

body.cosloom-lang-ar .nav-quote,
body.cosloom-lang-ar .button,
body.cosloom-lang-ar .filter-chip {
  white-space: nowrap;
}

body.cosloom-lang-ar .showroom-filters,
body.cosloom-lang-ar .archive-filter,
body.cosloom-lang-ar .filter-list,
body.cosloom-lang-ar [class*="filter"] {
  direction: rtl;
}

body.cosloom-lang-ar .showroom-card__meta,
body.cosloom-lang-ar .showroom-card__tags,
body.cosloom-lang-ar .project-card__meta,
body.cosloom-lang-ar [class*="tag"],
body.cosloom-lang-ar [class*="badge"] {
  direction: rtl;
  letter-spacing: 0;
}

body.cosloom-lang-ar .showroom-card__arrow,
body.cosloom-lang-ar .project-card__arrow,
body.cosloom-lang-ar [aria-hidden="true"] .arrow {
  transform: scaleX(-1);
}

body.cosloom-lang-ar .quote-form label,
body.cosloom-lang-ar .quote-form input,
body.cosloom-lang-ar .quote-form textarea,
body.cosloom-lang-ar .quote-form select {
  font-family: var(--font-ar-sans);
  letter-spacing: 0;
  text-align: right;
}

body.cosloom-lang-ar .quote-form input::placeholder,
body.cosloom-lang-ar .quote-form textarea::placeholder {
  text-align: right;
}

body.cosloom-lang-ar .site-footer__signup input {
  text-align: right;
}

body.cosloom-lang-ar .site-footer__signup button,
body.cosloom-lang-ar .mobile-dock a,
body.cosloom-lang-ar .cosloom-mobile-dock a {
  direction: rtl;
}

@media (min-width: 981px) {
  body.cosloom-lang-ar .site-nav.logo--primary {
    grid-template-columns: minmax(300px, 0.48fr) minmax(620px, 1.18fr) minmax(330px, 0.48fr);
    gap: clamp(10px, 1.2vw, 22px);
  }
}

@media (max-width: 980px) {
  body.cosloom-lang-ar .language-switcher {
    font-size: 0.62rem;
    letter-spacing: 0;
  }

  body.cosloom-lang-ar .nav-quote {
    line-height: 1.2;
  }
}

@media (max-width: 620px) {
  body.cosloom-lang-ar .site-nav .language-switcher {
    font-size: 0.56rem;
  }

  body.cosloom-lang-ar .project-hero__copy {
    width: 100%;
    max-width: 100%;
    justify-items: end;
  }

  body.cosloom-lang-ar .project-hero h1 {
    max-width: min(100%, 11.5em);
    font-size: clamp(2.25rem, 10vw, 2.65rem);
    line-height: 1.22;
  }

  body.cosloom-lang-ar .project-hero__copy > p {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.85;
  }

  body.cosloom-lang-ar .nav-quote {
    max-width: 38vw;
    padding-inline: 10px;
    font-size: 0.68rem;
    white-space: normal;
    text-align: center;
  }

  body.cosloom-lang-ar .filter-chip,
  body.cosloom-lang-ar .button {
    min-height: 42px;
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }
}