/* ==========================================================================
   Arslan Hukuk — Mobil uyum katmanı (responsive)
   Sayfa içeriği React/x-dc ile render edilir; tarayıcı inline stilleri
   normalleştirir (ör. "font-size: 88px", "repeat(4, 1fr)"). Bu yüzden
   öznitelik seçicileri BU normalleştirilmiş biçime göre yazılmıştır.
   Masaüstü (>1024px) etkilenmez.
   Kırılımlar: 1024px (menü), 860px (yerleşim), 600px (tek sütun).
   ========================================================================== */

img { max-width: 100%; }

/* --- Hamburger düğmesi (JS ile eklenir; masaüstünde gizli) --- */
.dc-burger{
  display:none; box-sizing:border-box;
  width:46px; height:44px; padding:0; margin:0;
  background:transparent; border:1.5px solid #B39A7E;
  cursor:pointer; flex-direction:column;
  align-items:center; justify-content:center; flex-shrink:0;
}
.dc-burger span{
  display:block; width:20px; height:1.6px; background:#1F4735;
  transition:transform .3s ease, opacity .2s ease;
}
.dc-burger span + span{ margin-top:5px; }
header.nav-open .dc-burger span:nth-child(1){ transform:translateY(6.6px) rotate(45deg); }
header.nav-open .dc-burger span:nth-child(2){ opacity:0; }
header.nav-open .dc-burger span:nth-child(3){ transform:translateY(-6.6px) rotate(-45deg); }

/* ==========================================================================
   1024px — Yatay menü yerine açılır (dropdown) mobil menü
   header[style] öneki, sayfa stillerindeki !important kurallarını özgüllük
   ile geçmek içindir.
   ========================================================================== */
@media (max-width:1024px){
  .dc-burger{ display:flex; }

  header[style] nav{
    display:none !important;
    position:absolute !important; top:100% !important; left:0 !important; right:0 !important;
    flex-direction:column !important; align-items:stretch !important; gap:0 !important;
    background:#F4EFE8 !important;
    border-top:1px solid #E0D6C8; border-bottom:1px solid #E0D6C8;
    box-shadow:0 26px 40px rgba(8,48,30,.16);
    padding:8px 20px 18px !important;
    max-height:calc(100vh - 96px); overflow-y:auto;
  }
  header[style].nav-open nav{ display:flex !important; }

  header[style] .nav-a{
    border:0 !important; border-bottom:1px solid #E0D6C8 !important;
    padding:15px 2px !important; font-size:14px !important; letter-spacing:.14em !important;
  }
  header[style] nav .cta{
    margin-top:16px !important; text-align:center !important;
    padding:16px !important; font-size:12px !important; border-bottom:0 !important;
  }
}

/* ==========================================================================
   860px — Genel mobil yerleşim
   ========================================================================== */
@media (max-width:860px){

  /* Ortalanmış kapsayıcıların yatay iç boşluğu */
  [style*="max-width: 1280px"]{ padding-left:20px !important; padding-right:20px !important; }

  /* Ana sayfa hero iç boşluğu */
  [style*="padding: 104px 48px 96px"]{ padding-top:56px !important; padding-bottom:48px !important; }

  /* Büyük section dikey boşlukları (0 -> 0px normalleşir; önek eşleşir) */
  section[style*="padding: 110px 0"],
  section[style*="padding: 118px 0"],
  section[style*="padding: 104px 0"],
  section[style*="padding: 100px 0"],
  section[style*="padding: 96px 0"],
  section[style*="padding: 92px 0px 84px"],
  section[style*="padding: 88px 0px 82px"],
  section[style*="padding: 66px 0px 104px"]{ padding-top:54px !important; padding-bottom:54px !important; }
  section[style*="padding: 40px 0"]{ padding-top:20px !important; padding-bottom:20px !important; }

  /* space-between esnek satırları dikey yığ (header hariç) */
  [style*="justify-content: space-between"]{
    flex-direction:column !important; align-items:flex-start !important; gap:22px !important;
  }
  header[style] [style*="justify-content: space-between"]{
    flex-direction:row !important; align-items:center !important; gap:14px !important;
  }
  .rel[style*="justify-content: space-between"]{
    flex-direction:row !important; align-items:center !important; gap:16px !important;
  }
  /* Üst bilgi şeridi: ortala ve sar */
  [style*="padding: 11px 48px"]{
    flex-direction:row !important; flex-wrap:wrap !important;
    align-items:center !important; justify-content:center !important;
    gap:4px 14px !important; text-align:center;
  }
  /* Üst şeritteki kısa etiketler (TR/EN, telefon) bölünmesin */
  [style*="padding: 11px 48px"] span{ white-space:nowrap; overflow-wrap:normal; }

  /* İki sütunlu içerik ızgaraları -> tek sütun */
  [style*="grid-template-columns: 1.1fr 1fr"],
  [style*="grid-template-columns: 1.2fr 1fr"],
  [style*="grid-template-columns: 360px 1fr"],
  [style*="grid-template-columns: 300px 1fr"],
  [style*="grid-template-columns: 1fr 1.05fr"]{ grid-template-columns:1fr !important; }

  /* Çok sütunlu ızgaralar */
  [style*="grid-template-columns: repeat(4, 1fr)"]{ grid-template-columns:repeat(2,1fr) !important; }
  [style*="grid-template-columns: repeat(3, 1fr)"]{ grid-template-columns:repeat(2,1fr) !important; }

  /* Izgara/esnek çocukları daralabilsin; uzun kelimeler (e-posta vb.) sarsın.
     Aksi halde min-content (uzun e-posta) izi/öğeyi genişletip taşmaya yol açar. */
  [style*="grid-template-columns"] > *,
  [style*="display: flex"] > *{ min-width:0 !important; }
  [style*="max-width: 1280px"] p,
  [style*="max-width: 1280px"] span,
  [style*="max-width: 1280px"] a,
  [style*="max-width: 1280px"] h1,
  [style*="max-width: 1280px"] h2,
  [style*="max-width: 1280px"] h3{ overflow-wrap:break-word; }

  /* Boşluklar */
  [style*="gap: 88px"]{ gap:34px !important; }
  [style*="gap: 80px"]{ gap:30px !important; }
  [style*="gap: 72px"]{ gap:30px !important; }
  [style*="gap: 64px"]{ gap:28px !important; }
  [style*="gap: 56px"]{ gap:26px !important; }
  [style*="gap: 48px"]{ gap:22px !important; }
  [style*="gap: 36px"]{ gap:18px !important; }

  /* Başlık boyutları */
  h1[style*="font-size: 88px"]{ font-size:clamp(34px,9.6vw,54px) !important; }
  h1[style*="font-size: 76px"]{ font-size:clamp(30px,8.2vw,48px) !important; }
  h1[style*="font-size: 72px"]{ font-size:clamp(30px,8vw,46px) !important; }
  h2[style*="font-size: 56px"]{ font-size:32px !important; }
  h2[style*="font-size: 52px"]{ font-size:30px !important; }
  h2[style*="font-size: 50px"]{ font-size:29px !important; }
  h2[style*="font-size: 46px"]{ font-size:28px !important; }
  h2[style*="font-size: 44px"]{ font-size:27px !important; }
  h2[style*="font-size: 40px"]{ font-size:26px !important; }
  h2[style*="font-size: 38px"]{ font-size:25px !important; }
  h2[style*="font-size: 32px"]{ font-size:24px !important; }

  /* Kart / hücre iç boşlukları */
  [style*="padding: 48px"]{ padding:24px !important; }               /* iletişim form paneli */
  [style*="padding: 40px;"]{ padding:24px !important; }              /* ilke kartları */
  [style*="padding: 38px 34px"]{ padding:24px 22px !important; }     /* büro istatistik hücreleri */
  [style*="padding: 36px 34px"]{ padding:22px 20px !important; }     /* ilgili alan kartları */
  [style*="padding: 34px 32px"]{ padding:22px 20px !important; }     /* süreç / alan kartları */
  [style*="padding: 34px;"]{ padding:22px !important; }              /* hizmet kartları */
  [style*="padding: 24px 26px"]{ padding:16px 18px !important; }     /* ana sayfa alan satırları */
  [style*="padding: 64px 0"]{ padding-top:34px !important; padding-bottom:34px !important; } /* kadro satırları */

  /* Ana sayfa hero arka plan görseli (themis) — daha az baskın */
  [style*="width: 460px"]{ width:300px !important; opacity:.1 !important; }

  /* Kadro portre görselleri tek sütunda dev olmasın */
  .attrow .attph{ max-width:240px; }
}

/* ==========================================================================
   600px — Telefon: kalan çok sütunlu ızgaralar tek sütun
   ========================================================================== */
@media (max-width:600px){
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns: 1fr 1fr"]{ grid-template-columns:1fr !important; }

  h1[style*="font-size: 88px"]{ font-size:34px !important; }
}