/* CR#1136 — Azerbaijani (LTR) overrides. Loaded ONLY on /az pages. */
[dir="ltr"] body,[dir="ltr"] input,[dir="ltr"] textarea,[dir="ltr"] select,[dir="ltr"] button{
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
/* the azerbaijani menu labels are longer than the persian ones */
[dir="ltr"] .nav{gap:14px}
[dir="ltr"] .desktop-nav{gap:14px;font-size:13px}
[dir="ltr"] .nav-cta{white-space:nowrap}
@media(max-width:1439px){[dir="ltr"] .lang-switch .lang-switch-label{display:none}
  [dir="ltr"] .lang-switch .lang-switch-code{display:inline}}
/* direction arrows inside buttons point the other way in LTR */
[dir="ltr"] .btn.primary>svg,[dir="ltr"] .btn.ghost>svg,[dir="ltr"] .btn.outline>svg{transform:scaleX(-1)}
/* ── ivos_cr1241 (LTR-Seiten: /en und /az) ────────────────────────────────
   Der Kunde wollte die Kopfleiste in ALLEN DREI Sprachen gleich behandelt
   sehen. Die persische Fassung waechst in style.css auf bis zu 18px; hier
   waren Schrift (13px) und Luecke (14px) fest verdrahtet, weil die
   LTR-Beschriftungen laenger sind.
   GEMESSEN, bevor etwas geaendert wurde: die LTR-Leiste war bei JEDER Breite
   795px breit. Zwischen 981px und ~1280px lief sie deshalb aus dem Fenster --
   bei 1024px stand der Sprachknopf bei 903..1054 und «Əlaqə və məsləhət» bei
   1068..1259, beides ausserhalb der 1024px. `scrollWidth-clientWidth` meldete
   trotzdem 0, weil html/body auf `overflow-x:hidden` stehen; der Hauptknopf der
   Seite war in diesem ganzen Fensterbereich unsichtbar und der Schriftzug
   «Fh Pro Media» brach auf drei Zeilen um.
   Rechnung: die Leiste braucht neben dem Menue fest 540px (Logo 157 + Sprache
   151 + Knopf 190 + 3x14 Luecke). Bei 13px/12px ist das Menue 781px breit, es
   passt also erst ab einem Container von 1321px = Fenster 1361px. Deshalb:
   1. unter 1460px uebernimmt das Burger-Menue (es traegt ohnehin schon alle
      Menuepunkte, den Sprachschalter UND den Kontaktknopf -- nichts geht
      verloren, und das Logo bekommt seinen Platz zurueck);
   2. ab 1460px waechst die Schrift von 13px auf 16px, verankert genau an
      dieser Schwelle, damit der gewonnene Platz nie wieder aufgebraucht wird.
      Bei 1560px sind das 900px Menue in 980px Budget. */
[dir="ltr"] .desktop-nav{
  font-size:clamp(13px,calc(13px + (100vw - 1460px) * 0.0145),16px);
  gap:clamp(12px,calc(12px + (100vw - 1460px) * 0.0194),18px)}
@media(max-width:1459px){
  [dir="ltr"] .desktop-nav,[dir="ltr"] .nav-cta{display:none}
  [dir="ltr"] .lang-menu:not(.lang-menu--mobile){display:none}
  [dir="ltr"] .menu-btn{display:grid;place-items:center;margin-inline-start:auto}
}

/* -- ivos_cr1250 (LTR-Seiten: /en und /az) -- Ueberschriften -------------
   Kunde: "sar titr ha ... zesht va na monazam" -- Ueberschriften wirken auf
   /en und /az gedraengt und unordentlich.

   GEMESSEN (1440px, /en) BEVOR etwas geaendert wurde:
   1. Tracking: .hero h1 traegt letter-spacing:-.045em. Das ist fuer Vazirmatn
      und die verbundene persische Schrift gesetzt; auf Latein sind das bei
      72px -2,52px PRO ZEICHEN -- die Buchstaben kleben aneinander.
   2. Umbruch: die H1 traegt ein <br> zwischen den beiden Klauseln, das Layout
      ist also auf GENAU ZWEI Zeilen entworfen (persisch: 2 Zeilen). Die
      lateinischen Klauseln sind aber viel breiter -- "get seen more
      professionally" braucht bei 72px 958px, die Textspalte ist 629px breit.
      Beide Klauseln brachen daher noch einmal um: 4 Zeilen, davon eine mit
      dem einzelnen Wort "work,". Die H1 wuchs auf 311px Hoehe und schob
      Absatz und Knoepfe aus dem Bild.
   Deshalb hier: sanfteres Tracking, ausgeglichene Umbrueche und ab Tablet
   eine eigene Groesse samt breiterer Textspalte.

   🔴 Der min-width:981px-Riegel ist Absicht: [dir="ltr"] .hero-grid hat hoehere
   Spezifitaet als die Einspalten-Regel in @media(max-width:980px) und wuerde
   auf dem Handy sonst zwei Spalten erzwingen. Dasselbe gilt fuer font-size
   gegen die Regeln in @media(max-width:768px) und (max-width:420px). */
[dir="ltr"] .hero h1,[dir="ltr"] .page-hero h1{letter-spacing:-.015em;text-wrap:balance}
[dir="ltr"] .band-copy h2,[dir="ltr"] .section-head h2,[dir="ltr"] .final-cta h2,
[dir="ltr"] .two-col h2,[dir="ltr"] .about-grid h2,[dir="ltr"] .case-detail h2,
[dir="ltr"] .prose h2,[dir="ltr"] .process h2,[dir="ltr"] .service-card h2,
[dir="ltr"] .price-card h2,[dir="ltr"] .article-list h2,[dir="ltr"] .work h3{text-wrap:balance}
@media(min-width:981px){
  [dir="ltr"] .hero-grid{grid-template-columns:1.25fr .75fr;gap:72px}
  [dir="ltr"] .hero h1,[dir="ltr"] .page-hero h1{
    font-size:clamp(2rem,3.9vw,3.3rem);line-height:1.14}
}