/* KARMA sayfalar (yeni cubuk + eski icerik). Eski katmanlar (ictihat.css, menu.css, mobil-duzen.css)
   oge seviyesinde (a, header, nav, body) kural yaziyor; yeni cubuk ve altbilgi burada geri alinir.
   Icerik eski stilinde kalir. */
body.karma { background: var(--zemin, #F7F3EA); }
body.karma .pbar, body.karma .pbar a, body.karma .pbar button { font-family: var(--yazi-sans); }
body.karma .pbar { position: sticky; top: 0; z-index: 50; border-bottom: 0; }
body.karma .pbar a { text-decoration: none; }
body.karma .pbar a:hover { text-decoration: none; }
body.karma .panel-alt a { text-decoration: underline; text-underline-offset: 3px; }
body.karma .alt-sekme { display: none !important; }

/* Eski .kap (icerik kabi: max-width 1180px, dolgu 1.6rem 1.1rem 4rem) yeni cubugun kabina da
   uyuyordu; cubuk 60px yerine 134px oluyordu (olculdu). Yeni tanim geri yazilir. */
body.karma .pbar .kap, body.karma .panel-alt .kap {
  max-width: none; width: min(100% - 2 * var(--oluk), var(--kap)); margin-inline: auto; padding: 0;
}
/* tipografi.css ayni adli degiskenleri (body.tipografi) sistem fontuna cekiyor. Karma sayfada yeni
   yazi tipleri geri gelir: cubuk da eski icerik de Newsreader + Plex Sans ile okunur. */
body.karma.tipografi {
  --yazi-serif: "Newsreader", "Iowan Old Style", "Times New Roman", Georgia, serif;
  --yazi-sans: "Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

/* KARMA SATIS (misafir, tasarimi yapilmamis sayfa): acik zeminde koyu satis ust bari ve altbilgi.
   Landing'de ust bar kaydirilana kadar seffaf (koyu sayfa zemini gorunur); acik sayfada zemin
   baska, bu yuzden koyu zemin her zaman verilir. */
body.karma-satis .ustbar { background: var(--zemin); border-bottom: 0; }
body.karma-satis .ustbar .kap, body.karma-satis .alt .kap {
  max-width: none; width: min(100% - 2 * var(--oluk), var(--kap)); margin-inline: auto; padding: 0;
}
body.karma-satis .ustbar a, body.karma-satis .alt a { text-decoration: none; }
body.karma-satis .alt { background: var(--zemin); color: var(--murekkep-3); margin-top: var(--b-8, 4rem); }
body.karma-satis .alt p { max-width: none; }
body.karma-satis .alt__alt a { text-decoration: underline; text-underline-offset: 3px; }
body.karma-satis .ustbar, body.karma-satis .ustbar a, body.karma-satis .ustbar button,
body.karma-satis .alt, body.karma-satis .alt a { font-family: var(--yazi-sans); }

/* KARMA SATIS ust bar: eski tasarimin ust bari da ".ustbar" sinifini kullaniyordu; ictihat.css'teki
   ".ustbar nav{display:flex}" (0,1,1) yeni ".ustbar__nav{display:none}" (0,1,0) kuralini yenip menuyu
   mobilde aciyordu, dugme.css de ":root:root:root body :is(.dugme)" ile dugmeyi eski bordoya ceviriyordu
   (30.09 olculdu: mobilde ust bar 173 px). Yeni kurallar daha yuksek ozgullukle geri yazilir. */
body.karma-satis header.ustbar { border-bottom: 0; color: var(--murekkep); }
body.karma-satis header.ustbar nav.ustbar__nav { display: none; margin-left: 0; width: auto; flex-wrap: nowrap; gap: .25rem; }
body.karma-satis header.ustbar nav a {
  display: inline-flex; align-items: center; min-height: var(--hedef); padding: 0 .8rem; margin-inline: 0;
  border-radius: var(--r-2); border-bottom: 0; background: none;
  font-size: var(--t-kucuk); font-weight: 500; letter-spacing: 0; color: var(--murekkep-2);
}
body.karma-satis header.ustbar nav a:hover, body.karma-satis header.ustbar nav a[aria-current] {
  color: var(--murekkep); border-bottom: 0; background: color-mix(in srgb, var(--murekkep) 6%, transparent);
}
body.karma-satis header.ustbar nav.ustbar__panel { display: block; margin: 0; width: auto; }
body.karma-satis header.ustbar nav.ustbar__panel[hidden] { display: none; }
body.karma-satis header.ustbar nav.ustbar__panel a {
  display: flex; justify-content: space-between; min-height: 3rem; padding: 0 var(--oluk);
  border-radius: 0; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); font-size: 1rem;
}
body.karma-satis header.ustbar .ustbar__menu { display: inline-flex; color: var(--murekkep); background: none; border: 0; }
:root:root:root body.karma-satis header.ustbar .dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--b-2);
  min-height: 2.5rem; min-width: 0; padding: 0 1rem; border: 0; border-radius: var(--r-2);
  background: var(--vurgu); color: var(--vurgu-metin); box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 10px 30px -10px var(--vurgu);
  font: 500 var(--t-kucuk)/1 var(--yazi-sans); white-space: nowrap; overflow-wrap: normal; text-decoration: none;
}
:root:root:root body.karma-satis header.ustbar .dugme:hover { background: var(--vurgu-2); color: var(--vurgu-metin); }
@media (min-width: 1024px) {
  body.karma-satis header.ustbar nav.ustbar__nav { display: flex; }
  body.karma-satis header.ustbar nav.ustbar__panel, body.karma-satis header.ustbar .ustbar__menu { display: none; }
}

/* Eski icerik sayfalarinda baslik ve ust etiket yeni tasarimin tipografisiyle (serif baslik, mono etiket).
   tipografi.css "#icerik" kapsamiyla yazdigi icin ayni kapsam ve daha yuksek ozgulluk kullanilir. */
body.karma.tipografi #icerik h1 {
  font-family: var(--yazi-serif); font-weight: 500; font-size: clamp(1.75rem, 1.35rem + 1.5vw, 2.5rem);
  line-height: 1.12; letter-spacing: -0.01em; color: var(--murekkep); margin: .3rem 0 .7rem; text-wrap: balance;
}
body.karma.tipografi #icerik .eyebrow {
  font: 500 .8125rem/1.4 var(--yazi-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu, #7A2E2E);
}

/* Mevzuat cipalari (30.09 QA): yumusak kaydirma + content-visibility yanlis maddeye indiriyordu.
   Madde basligi yapiskan ust barin (60 px) altinda kalmasin. Hizalama katla.js'de. */
html:has(.legal-page) { scroll-behavior: auto; }
.legal-page .statute-article { scroll-margin-top: 76px; }
/* 01.10: eylem cubugu yapiskan (60-124 px), madde basligi cubugun ALTINDA kaliyordu (olculdu: baslik 97 px) */
body.karma .legal-page .statute-article { scroll-margin-top: 140px; }
/* 01.10 RG paneli: tarih formu ve gun listesi kenara yapisikti; baglantilarin -8px marji dolgusuz panelde tasiyordu */
.filter-disclosure > .rg-tarih { padding: 0 18px; }
.filter-disclosure > .gazete-gunler { padding: 0 18px 12px; }

/* Olay tarihindeki metin (30.09 QA): not kutusu + tarihten sonra degisen madde uyarisi */
.legal-page .madde-tarih-uyari { margin: .4rem 0 .6rem; padding: .5rem .7rem; border-left: 3px solid #A3352F;
  background: #FBF2F1; color: #6B211D; font-size: .875rem; line-height: 1.5; border-radius: 4px; }

/* Mevzuat eylem cubugu yapiskan (30.09 QA: m.20'de metin secen icin dugme 13.788 px yukarida kaliyordu) */
body.karma .legal-page .action-bar { position: sticky; top: 60px; z-index: 20; background: var(--zemin, #F5F0E6);
  padding-block: .45rem; border-bottom: 1px solid var(--cizgi, rgba(26,34,45,.12)); }
@media (max-width: 700px) {
  body.karma .legal-page .action-bar { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: .35rem; }
  body.karma .legal-page .action-bar::-webkit-scrollbar { display: none; }
  body.karma .legal-page .action-bar .action-button { flex: 0 0 auto; white-space: nowrap; }
}

/* TASARIM DILI UYUMU (30.09 mobil QA #16): karma sayfalarda (mevzuat, belgeler, Resmi Gazete, kaydedilenler)
   okunacak metin karar sayfasiyla ayni serif yaziyla ve ayni olcude; rozetler hap bicimi. */
body.karma .legal-page .article-text,
body.karma .legal-page .document-prose p { font-family: var(--yazi-serif); font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem); line-height: 1.75; }
body.karma .legal-page .statute-article h3 { font-family: var(--yazi-serif); font-weight: 600; }
body.karma .legal-page .badge { border-radius: 999px; padding-inline: .65rem; }

/* 01.10 (QA G17): icindekiler mobilde 3 madde gosteriyordu; maddeye git alani + tek satir basliklar + daha yuksek kutu */
.legal-page .madde-git { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 .75rem; }
.legal-page .madde-git input { flex: 1; min-width: 0; min-height: 44px; padding: 0 .7rem; border: 1px solid rgba(26,34,45,.25); border-radius: 8px; font: inherit; background: #FFFDF8; }
.legal-page .madde-git button { min-height: 44px; padding: 0 1rem; border: 0; border-radius: 8px; background: #16202B; color: #F6F1E7; font-weight: 600; }
.legal-page .madde-git__uyari { flex-basis: 100%; margin: 0; font-size: .85rem; color: #A3352F; }
.legal-page .madde-git__uyari[hidden] { display: none !important; }
@media (max-width: 900px) {
  .legal-page .madde-dizin { max-height: 60vh; }
  .legal-page .madde-dizin .context-link { display: flex; gap: .5rem; align-items: baseline; }
  /* nowrap DEGIL: izgara sutununu en uzun basliga genisletip mobilde sayfayi 562 px'e yayiyordu; satir kirpma genislik etkilemez */
  .legal-page .madde-dizin .context-link span:last-child { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; min-width: 0; }
}