/**
 * Axtea — HİZMET DETAY sayfaları
 * (cagri-merkezi · yedek-parca · kurulum-egitim · tamir-bakim)
 * main.css'e DOKUNULMUYOR.
 */

/* Liste + 4 detay sayfası: sayfa zemini diğer iç sayfalarla AYNI olsun.
 * (Yalnız `.hizmet-detay` yazılıydı; `hizmetler.php` tema grisinde kalıyordu —
 *  ölçüm: #ecf0f0 iken diğer iç sayfalar #eceefa.) */
body:has(.hizmet-detay),
body:has(.hizmet-liste) {
  background-color: #eceefa;
}

/* --- ⚠️ `--tj-color-theme-dark` DÜZELTMELERİ -------------------------------
 * Tayfun bu değişkeni AÇIK GRİ (#dbdbdf) yaptı. Tema onu "koyu zemin" niyetiyle
 * kullandığı her yerde beyaz metin/ikon görünmez oluyor. Sitenin yerleşik
 * koyusu #17282d (footer + servis bölümü + ürün rozetleri). */

/* Kenar çubuğu destek kutusu: zemin açık gri + metin beyaz = okunmuyordu. */
.widget-feature-item .feature-box {
  background: #17282d;
}

/* Önceki/sonraki ok ikonları: beyaz daire içinde açık gri = neredeyse görünmez. */
.tj-post__navigation .tj-nav-post__nav a span i {
  color: var(--tj-color-heading-primary);
}

/* --- Önceki/sonraki gezinme ----------------------------------------------
 * Temanın 3. öğesi (hizmet listesi düğmesi) kaldırıldı; uçlarda karşı taraf
 * boş `div` ile temsil ediliyor ki `justify-content: space-between` ilk
 * hizmeti sola, son hizmeti sağa yaslamayı sürdürsün. */
.hizmet-nav-bos {
  flex: 0 0 auto;
}

/* Hizmet adları buton metni olduğu için uzun; taşmasın diye sınırlanıyor. */
.hizmet-nav .tj-nav-post__nav a {
  max-width: 280px;
  text-align: start;
}

.hizmet-nav .tj-nav__post.next .tj-nav-post__nav a {
  text-align: end;
}

/* --- Kenar çubuğu paleti ---------------------------------------------------
 * Tema widget zemini #d8e5e5 (yeşile çalan gri). Sitenin sayfa zemini #eceefa
 * lavanta olduğu için yan yana yeşil kaçıyordu. Ürünler sayfasındaki filtre
 * kutusunun rengi (#cdd1f3) kullanılıyor — aynı işlevde, onaylı ton. */
.tj-sidebar-widget.service-categories {
  background-color: #cdd1f3;
}

/* --- Numaralı kutular -----------------------------------------------------
 * Tema `.details-content-box`a `align-items: center` veriyor; kart metinleri
 * eşit uzunlukta olmadığında kartlar dikeyde kayıp merdiven görünümü yapıyor
 * (ölçüm: üst kenarlar 60/72/84px, yükseklikler 272-320px). Eşit yükseklik. */
.details-content-box {
  align-items: stretch;
}

.service-details-item {
  display: flex;
  flex-direction: column;
}

/* Metin farkı kalırsa boşluk altta toplansın, başlıklar hizada kalsın. */
.service-details-item .desc {
  margin-block-end: auto;
}

/* --- Hizmet listesi kartları (hizmetler.php) ------------------------------
 * Başlıklar 1-2 satır arası değiştiği için kartlar farklı boyda kalıyordu
 * (ölçüm: 483 / 483 / 515 / 515px). Sütun boyunca eşitleniyor. */
.hizmet-liste .service-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.hizmet-liste .service-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Özet metni esnesin ki "Detaylı Bilgi" bağlantıları aynı hizada dursun. */
.hizmet-liste .service-content .desc {
  flex: 1 1 auto;
}

/* --- Logo şeridi boşluğu --------------------------------------------------
 * Tema `.client-section-gap-2` → padding:100px 0 + margin:120px 0. Biz Kimiz'de
 * Tayfun margin'leri kapattırıp padding'i bıraktırmıştı; aynı görünüm için
 * hizmetler.php'de de aynısı uygulanıyor.
 * ⚠️ Kural GLOBAL dosyaya KONMADI: `index.php`de de logo şeridi var ve orası
 *    onaylı — bu dosya yalnız hizmet sayfalarında yükleniyor. */
.tj-client-section.client-section-gap-2 {
  margin-top: 0;
  margin-bottom: 0;
}