/* Pendik Avukatlık Bürosu — JustLaw şablonu üzerine marka katmanı.
   Ana marka rengi (#da0000 -> #145C43 çam yeşili, #bf0100 -> #0E3F2E koyu çam)
   zaten style.css içinde doğrudan değiştirildi (şablonda CSS custom property
   yok). Burada sadece gerçek logo görseli yerine kullanılan metin logosu ve
   şablonda bulunmayan küçük yardımcı sınıflar tanımlanır. */

.site-logo-text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.15;
  font-family: "Playfair Display", serif;
}
.site-logo-text .name {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #16161a;
}
.site-logo-text .sub {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #145C43;
}
footer .site-logo-text .name { color: #fff; }
footer .site-logo-text .sub { color: #C89B3C; }

/* Ana sayfa hero'su: şablonun kendi hero__caption h1/p renkleri koyu
   (#1b1c29 / #9c9c9c) — orijinal şablonun stok fotoğrafı solda aydınlık bir
   alan bırakıyordu, bizim obje fotoğraflarımızda böyle bir alan yok. Koyu bir
   degrade + beyaz metinle her görselde okunabilirlik sağlanır. */
.single-slider.slider-height { position: relative; }
.single-slider.slider-height::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(100deg, rgba(10,20,15,.82) 0%, rgba(10,20,15,.6) 45%, rgba(10,20,15,.25) 75%, rgba(10,20,15,.1) 100%);
}
.single-slider.slider-height .container { position: relative; z-index: 1; }
.slider-area .hero__caption h1, .slider-area .hero__caption p { color: #fff; }

/* İç sayfa banner'ı (slider-height2) için de hafif karartma — hero-cap zaten beyaz metin kullanıyor */
.single-slider.slider-height2 { position: relative; }
.single-slider.slider-height2::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: rgba(8, 17, 13, .55);
}
.single-slider.slider-height2 .container { position: relative; z-index: 1; }

/* Mobilde iç sayfa banner'ı (slider-height2) viewport'un %65-85'ini kaplıyordu
   (başlık görsel alana ulaşmadan önce fazla scroll gerektiriyordu). Anasayfa
   hero'su .slider-height kullanır (bu kuraldan etkilenmez). Görsel/overlay
   korunur, yalnız dikey boyut ve başlık/kırıntı tipografisi küçültülür.
   Hedef: <=575px ~180-260px, 576-767px ~240-320px toplam banner yüksekliği. */
@media (max-width: 767px) {
  .single-slider.slider-height2 { min-height: 260px; }
  .single-slider.slider-height2 .hero-cap h1 { font-size: 28px; line-height: 1.25; margin-bottom: 8px; }
  .single-slider.slider-height2 .hero-cap .breadcrumb-row { margin-top: 8px; font-size: 13px; line-height: 1.4; }
}
@media (max-width: 575px) {
  .single-slider.slider-height2 { min-height: 200px; }
  .single-slider.slider-height2 .hero-cap h1 { font-size: 22px; margin-bottom: 6px; }
  .single-slider.slider-height2 .hero-cap .breadcrumb-row { margin-top: 6px; font-size: 12px; }
}

/* Ana menü: 7 Türkçe öğe ("Hesaplama Araçları", "Çalışma Alanları" gibi uzun
   etiketler) şablonun varsayılan 27px yatay boşluğuyla xl kırılımında (>=1200px)
   satır sonuna taşıyordu. Boşluğu daraltıp logo/menü/buton sütun oranını
   menüye biraz daha yer verecek şekilde ayarlıyoruz. */
@media (min-width: 1200px) {
  .header-area .main-menu ul li a { padding: 37px 11px !important; font-size: 15px; }
  .header-btn .btn { padding: 18px 22px; font-size: 13px; }
  .logo .site-logo-text .name { font-size: 19px; }
}

/* Pratik alan kartlarında fotoğraf yerine sade ikon rozeti (insan içerebilecek
   stok görseller kaldırıldı, bkz proje notu) */
.practice-icon-solo {
  width: 72px; height: 72px; border-radius: 50%;
  background: #145C43; color: #fff; font-size: 28px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 22px;
}

/* ===== Dokunma hedefleri (mobil/dokunmatik, >= 44px) =====
   Şablonun kendi mobil menüsü (slicknav) ve iç sayfa kırıntı/footer
   bağlantıları varsayılan olarak ~16-27px yükseklikteydi. */
@media (max-width: 1139px), (pointer: coarse) {
  /* slicknav mobil menü öğeleri: padding 5px 10px -> dokunma hedefi büyütülür */
  .slicknav_nav a { padding: 14px 10px; }

  /* İç sayfa banner kırıntı bağlantıları (Anasayfa / ...) */
  .hero-cap .breadcrumb-row a { display: inline-block; padding: 10px 2px; margin: -10px 0; }

  /* Footer bağlantı sütunları (Çalışma Alanları / Kurumsal) */
  .footer-tittle ul li { margin-bottom: 0; }
  .footer-tittle ul li a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; }
}