/**
 * Axtea — KURUMSAL sayfaları (Biz Kimiz, Misyon & Vizyon)
 * main.css'e DOKUNULMUYOR.
 */

body:has(.axtea-about) {
  background-color: #eceefa;
}

/* --- MİSYON & VİZYON: iki blok, dönüşümlü yerleşim ------------------------
 * Biz Kimiz ile aynı `.axtea-about` iskeleti; ikinci blok aynalı (görsel sağda).
 * `.axtea-mv` yalnız bu sayfaya özgü farkları taşır. */
.axtea-mv.section-gap {
  padding-bottom: 0;
}

.axtea-mv + .axtea-mv {
  padding-top: 70px;
}

/* Sayfanın son bloğu; CTA bandıyla arasında nefes payı */
.axtea-mv-vizyon {
  margin-bottom: 100px;
}

/* ⚠️ BAŞLIK–PARAGRAF BOŞLUĞU: kolon flex kutu olduğu için `.sec-heading`in
 * 30px alt boşluğu ile `.about-metin`in 26px üst boşluğu BİRLEŞMİYOR
 * (normal akışta 30px'e inerdi) → ölçüm 56px. Üst boşluk sıfırlanıp
 * temanın kendi başlık ritmi (30px) korunuyor. */
.axtea-mv .about-metin {
  margin-top: 0;
}

/* Tema `.mission-vision-box`u `.about-bottom-area` içinde iki sütun varsayıyor;
 * burada tek kutu olarak kullanılıyor, yan boşluğu sıfırlanıyor. */
.axtea-mv .mission-vision-box {
  width: 100%;
  max-width: 100%;
}

.axtea-mv .mission-vision-box .title {
  margin-bottom: 14px;
}

/* Bu sayfada buton yok; alt hizayı kutu tamamlıyor */
.axtea-mv .about-metin {
  flex: 0 1 auto;
  margin-bottom: 0;
}

.axtea-mv .mv-kutu {
  margin-top: auto;
  padding-top: 26px;
  align-self: stretch;
}

/* --- Choose bölümü zemini ------------------------------------------------- */
.tj-choose-section {
  background-color: #b2baee;
}

/* --- Referans şeridi (Client) boşlukları ---------------------------------
 * Tema `.client-section-gap-2` → padding:100px 0; margin:120px 0.
 * İstenen: margin-top VE margin-bottom kapalı, padding olduğu gibi kalsın. */
.tj-client-section.client-section-gap-2 {
  margin-top: 0;
  margin-bottom: 0;
}

/* Tema `.about-bottom-area`ın (misyon/vizyon kutuları) yerine düz paragraf geldi;
 * kutuların sahip olduğu üst/alt boşluğu koruyoruz ki düzen kaymasın. */
.about-metin {
  margin-top: 26px;
  margin-bottom: 34px;
  max-width: 560px;
}

.about-metin p {
  margin: 0 0 14px;
}

.about-metin p:last-child {
  margin-bottom: 0;
}

/* Sol görselden `box-area style-2` (Business Progress kutusu) kaldırıldı —
 * tema o kutu için görselin altında yer ayırıyordu, artık gerek yok. */
.axtea-about .about-img-area.style-2 {
  padding-bottom: 0;
}

.axtea-about .about-img-area.style-2 .about-img {
  border-radius: 12px;
}

/* --- About: sağdaki içerik SOL FOTOĞRAF boyuna eşitlensin ------------------
 * Tema iki kolonu bağımsız akıtıyordu; sağ sütun fotoğraftan kısa kalıyordu.
 * Satır stretch + sağ sütun flex kolon → içerik fotoğraf yüksekliğine yayılır. */
.axtea-about .row {
  align-items: stretch;
}

.axtea-about .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

/* ⚠️ `width: 100%` ŞART: kolon flex kutu olduğu için görsel alanı daralıp
 * görselin DOĞAL genişliğine oturuyordu. Ölçüm: 120px'lik bir kaynak görsel
 * 591px'lik kolonda 198px'e düşüyordu. Genişlik sabitlenince `object-fit`
 * devreye giriyor ve kaynak boyutu ne olursa olsun kolon doluyor. */
.axtea-about .about-img-area.style-2 {
  width: 100%;
  height: 100%;
}

.axtea-about .about-img-area.style-2 .about-img {
  width: 100%;
  height: 100%;
}

.axtea-about .about-img-area.style-2 .about-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Sağ sütun: başlık üstte, paragraf ortada esner, buton altta */
.axtea-about .about-content-area {
  flex: 0 0 auto;
}

.axtea-about .about-metin {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ⚠️ Flex kolonda varsayılan `align-items: stretch` butonu tam genişliğe
 * yayıyordu (ölçüm: 636px). Kendi genişliğinde kalsın. */
.axtea-about .about-btn-area {
  flex: 0 0 auto;
  margin-top: auto;
  align-self: flex-start;
}

@media only screen and (max-width: 991px) {
  .axtea-about .row > [class*="col-"] {
    display: block;
  }
  .axtea-about .about-img-area.style-2 .about-img img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

/* --------------------------------------------------------------------------
 * GLOBAL REACH bandı (biz-kimiz) — tema "Testimonial" bölümünün yerine geçti.
 * Gerçek müşteri yorumu olmadığı için uydurulmadı; sunumun 4. slaytındaki
 * satış ağı verisi kullanıldı. İskelet `.axtea-about` ile AYNI, sadece
 * sayı satırı yeni.
 * ------------------------------------------------------------------------ */
.axtea-sayi-satiri {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  margin-top: 30px;
}

.axtea-sayi {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.axtea-sayi strong {
  font-family: var(--tj-ff-heading);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--tj-color-theme-primary);
}

.axtea-sayi span {
  font-size: 15px;
  line-height: 1.4;
  color: var(--tj-color-text-body);
}

/* Harita koyu zeminli; `.axtea-about` görselleri `cover` ile kırpıyor,
 * burada haritanın TAMAMI görünmeli. */
.axtea-global .about-img-area.style-2 .about-img img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 575px) {
  .axtea-sayi-satiri { gap: 14px 28px; }
  .axtea-sayi strong { font-size: 28px; }
}

/* --------------------------------------------------------------------------
 * BİZ KİMİZ — About görsel kolonu pasife alındı (Tayfun, 2026-08-23), metin
 * kolonu col-12 oldu. `.about-metin`in 560px'lik üst sınırı (yarım kolon için
 * konmuştu) metni sola yapıştırıyordu → ÖLÇÜLDÜ: kolon 1320px, metin 560px.
 *
 * ⚠️ Sınırı kaldırıp tek sütun bırakınca satır ~150 karaktere çıkıyor (okunmaz).
 *    Bu yüzden geniş ekranda İKİ SÜTUNA akıtılıyor: sağda boşluk kalmıyor,
 *    satır uzunluğu da makul (~70 karakter).
 *    Tek sütun tam genişlik istenirse: `columns` satırını sil.
 * ⚠️ Sınır yalnız `.col-12` içinde kalkar — misyon-vizyon hâlâ yarım kolon,
 *    orada 560px DOĞRU.
 * ------------------------------------------------------------------------ */
.axtea-about .col-12 .about-metin {
  max-width: none;
}

@media only screen and (min-width: 992px) {
  .axtea-about .col-12 .about-metin {
    display: block;          /* flex sütun düzenini iptal et, akış gerekli */
    columns: 2;
    column-gap: 60px;
  }
  /* Paragraf sütun sınırında ortadan bölünmesin */
  .axtea-about .col-12 .about-metin p {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    margin-bottom: 18px;
  }
}