/* Sultanbeyli Avukatlık Bürosu — Justica şablonu üzerine katman.
   Şablon zaten CSS custom property kullanıyor (:root/[*] içinde --primary-color
   vb., assets/justica/css/style.css). Orijinal amber-altın marka rengini
   (#eaa636) koruyoruz — bu serideki diğer 6 siteden belirgin şekilde farklı
   bir ton (daha doygun turuncu-altın).

   ÖNEMLİ: Bu şablonun orijinal mirror'ı (avukat7/.../justica) ağır hasarlı —
   tüm özel JS dosyaları (designesia.js dahil) ve neredeyse tüm fotoğraflar
   (team/testimonial/practice-areas/background) 0 bayt olarak indirilmiş.
   Bu yüzden: (1) şablonun kendi JS'i hiç kullanılmıyor, aşağıdaki basit
   mobil menü JS'i kendi yazdığımız; (2) tüm fotoğraflar kendi nesne
   fotoğrafı havuzumuzdan; (3) şablonun varsayılan "body{display:none}"
   kuralı (gerçek designesia.js'in sayfa yüklenince açması beklenen bir
   FOUC önleme tekniği) burada iptal ediliyor çünkü o script hiç yok. */

body { display: block !important; }

#preloader { display: none !important; }

.site-logo-text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.15;
  font-family: var(--title-font);
}
.site-logo-text .name {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .3px;
  color: #fff;
}
.site-logo-text .sub {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: var(--primary-color);
}

/* Basit, kendi yazdığımız mobil menü (şablonun gerçek designesia.js'i yok).
   #mainmenu'ye arka plan yoktu; açılınca şeffaf biçimde hero metninin
   üzerine biniyor ve okunaksız hale geliyordu. ÖNEMLİ: şablonun kendi
   992px medya sorgusu "header{position:inherit}" uyguluyor (bozuk mobil
   menü JS'inin yerleşimi), bu da #mainmenu'nün position:absolute'ünün
   header'a değil belirsiz bir üst öğeye göre konumlanmasına yol açıp
   paneli yanlış hizalıyordu — bu yüzden viewport'a göre sabit duran
   position:fixed kullanıyoruz. */
@media only screen and (max-width: 992px) {
  #mainmenu { display: none; width: 100%; float: none; }
  header.nav-open #mainmenu {
    display: block;
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111111;
    overflow-y: auto;
    box-shadow: 0 8px 20px rgba(0,0,0,.3);
  }
  #mainmenu li { display: block; width: 100%; }
  #mainmenu > li > a { display: block; padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,.08); }

  /* Hamburger düğmesi şablonda 32x32 + küçük dolgu (~36-40px efektif) —
     dokunma hedefi için >= 44px'e çıkarılıyor; ikon aynı boyutta ortalanır. */
  #menu-btn {
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#menu-btn { cursor: pointer; }

#mainmenu a.act { color: var(--primary-color) !important; }

/* 7 Türkçe menü öğesi ("Hesaplama Araçları" gibi uzun etiketler), şablonun
   .container min-width:1200px kuralı yalnızca ≥1280px'te devreye girdiği
   için, 993-1279px arası masaüstü genişliklerde (ör. 1024px dizüstü) ikinci
   satıra taşıyordu. */
@media only screen and (min-width: 993px) and (max-width: 1279px) {
  #mainmenu a { padding: 30px 6px; font-size: 11.5px; letter-spacing: 0; }
  #mainmenu > li.menu-item-has-children > a { padding-right: 12px; }
  .btn-custom.btn-black { padding: 10px 14px; font-size: 11.5px; }
}