/* -------------------------------------------------
   TYPOGRAPHY SCALE FIX
   - Menü fontunu + boyutunu dengeler
   - Devasa heading clamp'lerini makul seviyeye çeker
   - Footer başlıklarını da ekrana sığar hale getirir
-------------------------------------------------- */

/* 1) Font değişkenleri: body DM Sans, alter Big Shoulders */
:root{
  --tt-body-font: "DM Sans", sans-serif;
  --tt-alter-font: "Big Shoulders Display", sans-serif;
}

/* 2) Menü: font + boyut + harf aralığı */
.tt-main-menu-list > li > a{
  font-family: var(--tt-alter-font) !important;
  font-size: 18px !important;          /* theme.css: 24px -> düşürüyoruz */
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

/* Büyük ekranlarda 18 iyi; çok geniş ekranlarda bir tık büyüsün istersen: */
@media (min-width: 1400px){
  .tt-main-menu-list > li > a{
    font-size: 19px !important;
  }
}

/* 3) Dev başlıklar: asıl suçlu xxxlg clamp(68px, 10vw, 187px) */
.tt-heading.tt-heading-xxxlg .tt-heading-title{
  font-size: clamp(44px, 6.2vw, 128px) !important;
  line-height: 0.92 !important; /* taşmayı azaltır */
}

/* Eğer bazı alanlarda hâlâ fazla büyükse xxlg'yi de yumuşat */
.tt-heading.tt-heading-xxlg .tt-heading-title{
  font-size: clamp(36px, 4.2vw, 86px) !important;
  line-height: 0.98 !important;
}

/* 4) Footer başlıkları: theme.css clamp(38px, 4vw, 58px) -> daha dengeli */
.tt-footer-widget-heading{
  font-size: clamp(22px, 2.2vw, 34px) !important;
  line-height: 1.05 !important;
}

/* 5) Genel: aşırı büyüyen bazı uppercase alanlar */
.tt-footer-widget-list a,
.tt-footer-copyright{
  font-size: 16px !important;
}

/* 6) Mobilde menü biraz daha küçük olsun */
@media (max-width: 992px){
  .tt-main-menu-list > li > a{
    font-size: 16px !important;
    letter-spacing: 0.06em !important;
  }
}