/* VisionCode — simmetriya və tipografiya düzəlişləri.
   styles.css-dən SONRA yüklənir, ona görə onun qaydalarını üstələyir.
   Məqsəd: bütün başlıqlar mərkəzdə — biri solda, biri sağda qalmasın. */

/* ---- Tipografiya ----
   Başlıqlar Montserrat-dadır — bütün sayt kimi. Burada əvvəl SF Pro / Inter
   yığını yazılmışdı; onu SİLDİM, səbəbi yazıram ki geri qaytarılmasın:

   • Inter heç vaxt yüklənmirdi (səhifədə 0 Inter faylı, 50 Montserrat faylı),
     yəni yığın praktikada ziyarətçinin ƏMƏLİYYAT SİSTEMİ şriftinə düşürdü —
     Mac-da SF Pro, Windows-da Segoe UI, Linux-da Roboto/DejaVu. Yəni başlıqlar
     hər cihazda başqa şriftdə görünürdü.
   • Bu, sistemin öz qaydasını pozur: readme və tokens açıq deyir ki
     "hər şey Montserrat — ikinci ailə yoxdur".
   • Siz onsuz da şrift dəyişikliyi istəməmişdiniz (eyebrow-larda geri qaytarıldı).

   Yalnız hərf aralığı sıxılması qalır — brendin öz mənfi tracking üslubudur. */
h1, h2, h3,
.heading-style-display,
.heading-style-h1, .heading-style-h2, .heading-style-h3 {
  font-family: var(--vc-font-primary);
  letter-spacing: -0.02em;
}

/* ---- Simmetriya: bölmə başlıqları mərkəzdə ----
   DİQQƏT: seçici yalnız BÖLMƏ başlıqlarını tutur — kart içindəki h3-ləri yox.
   Əvvəl `section h3` yazılmışdı və o, portfolio/xidmət kartlarının adlarını da
   tuturdu: kart adı mərkəzdə, altındaki mətn solda qalırdı — yəni aradan
   qaldırmaq istədiyimiz asimmetriyanın özü. Kart daxili solda qalır (aşağıda). */
section > .container > h1,
section > .container > h2,
section > .container > h3,
section > .container > .heading-style-display,
section > .container > [class*="heading-style"],
section > .container > .eyebrow,
section > .container > [class*="eyebrow"],
section > .container > .section-header h1,
section > .container > .section-header h2,
section > .container > .section-header h3,
section > .container > .section-header p,
section > .container > .section-header .eyebrow,
section > .container > .section-header [class*="eyebrow"] {
  text-align: center;
}

/* Kart və sətir daxili: başlıq + mətn HƏR İKİSİ solda — kartın içində
   mərkəz/sol qarışığı olmasın. */
.portfolio_grid h3, .portfolio_grid p,
.pricing_grid h3, .pricing_grid p,
.testimonial_grid h3, .testimonial_grid p,
.services_grid h3, .services_grid p,
.bento_boxes-grid h3, .bento_boxes-grid p {
  text-align: left;
}

/* Başlıq bloklarını da mərkəz oxuna gətir (mətn mərkəzdə olsa belə
   blok solda qalsa, yenə asimmetrik görünür). */
section > .container > h2,
section > .container > h3,
section > .container > .heading-style-display,
section > .container > [class*="heading"] {
  margin-left: auto;
  margin-right: auto;
}

/* Bölmə başlığı + təsviri olan tipik "section header" bloku */
.section-header,
[class*="section-head"],
[class*="section_head"] {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Eyebrow (kiçik üst yazı) həmişə başlığın üstündə, mərkəzdə —
   yalnız bölmə səviyyəsində; kart içindəki kateqoriya etiketləri solda qalır. */
section > .container > .eyebrow,
section > .container > [class*="eyebrow"],
section > .container > .section-header .eyebrow,
section > .container > .section-header [class*="eyebrow"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ---- Kinetik bölmə mobil düzəlişi ----
   Uzun sətir kiçik ekranda sığmasın deyə iki sətrə düşməsinə icazə veririk. */
@media (max-width: 640px) {
  .vc-kinetic-line {
    white-space: normal !important;
  }
}

/* Kinetik sətirlər animasiya zamanı yana sürüşdüyü üçün ekrandan çıxmasın. */
.vc-kinetic-line { max-width: 100%; }