/* ══════════════════════════════════════════════════════════════════════
   KARTEDIEM — INNENSEITEN
   Impressum, Datenschutz, AGB, Widerruf und andere Inhaltsseiten in die
   Sprache der Startseite bringen.

   ⚠️ Kopf und Fuß des Themes werden VERSTECKT, nicht umgefärbt.
   Gemessen am 18.08.2026: umfärben ließ das alte Logo, das Menü und
   die Konto- und Warenkorb-Symbole stehen — und die feste Themeleiste
   (114px) überlappte den Seitentitel um 41px, auf allen vier Seiten.
   An ihrer Stelle steht eine eigene schmale Leiste in der Sprache der
   Startseite (siehe kd-innen.php).

   ⚠️ Shop-Seiten sind AUSGENOMMEN (siehe kd-innen.php): WooCommerce
   bringt eigene Komponenten mit; sie hier mitzufärben hieße, Preise,
   Varianten und Kasse blind zu verändern.
   ══════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:"Switzer";
  src:url("/wp-content/uploads/kd-schnitt/fonts/switzer.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  --kd-zemin:#08070A;
  --kd-yuzey:#0E0D11;
  --kd-kagit:#F6F3EA;
  --kd-sonuk:#9A948A;
  --kd-altin:#FFC978;
  --kd-cizgi:rgba(246,243,234,.14);
}

/* ── Grundfläche ───────────────────────────────────────────────────── */
body.kd-innen{
  background:var(--kd-zemin)!important;
  color:var(--kd-kagit)!important;
  font-family:"Switzer",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body.kd-innen .wp-site-blocks,
body.kd-innen main,
body.kd-innen .entry-content{ background:transparent!important; }

/* Das Theme setzt Schrift und Farbe mit !important — deshalb hier
   dieselbe Schärfe, aber nur auf den Elementen, die es anfasst.       */
body.kd-innen h1,body.kd-innen h2,body.kd-innen h3,body.kd-innen h4,
body.kd-innen h5,body.kd-innen h6,body.kd-innen p,body.kd-innen li,
body.kd-innen td,body.kd-innen th,body.kd-innen label,body.kd-innen span,
body.kd-innen div,body.kd-innen a,body.kd-innen button,body.kd-innen input,
body.kd-innen textarea,body.kd-innen select{
  font-family:"Switzer",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.kd-innen h1,body.kd-innen h2,body.kd-innen h3,body.kd-innen h4{
  color:var(--kd-kagit)!important;
  letter-spacing:-.028em; line-height:1.08; text-wrap:balance;
}
body.kd-innen h1{ font-size:clamp(2rem,5vw,3.4rem); font-weight:600; margin-bottom:.6em; }
body.kd-innen h2{ font-size:clamp(1.35rem,2.6vw,1.9rem); font-weight:600;
  margin-top:2.2em; margin-bottom:.5em; }
body.kd-innen h3{ font-size:clamp(1.1rem,1.9vw,1.35rem); font-weight:600; }
body.kd-innen p,body.kd-innen li{
  color:#DCD8CF!important; line-height:1.62; font-size:1.02rem; max-width:70ch;
}
body.kd-innen strong,body.kd-innen b{ color:var(--kd-kagit)!important; font-weight:600; }
body.kd-innen hr{ border:0; border-top:1px solid var(--kd-cizgi); margin:2.6em 0; }

/* ── Links ─────────────────────────────────────────────────────────── */
body.kd-innen .entry-content a{
  color:var(--kd-altin)!important;
  text-decoration:none;
  border-bottom:1px solid rgba(255,201,120,.36);
  transition:border-color .25s ease,color .25s ease;
}
body.kd-innen .entry-content a:hover{ border-bottom-color:var(--kd-altin); color:#FFE0B0!important; }
body.kd-innen a:focus-visible{ outline:2px solid var(--kd-altin); outline-offset:3px; border-radius:2px; }

/* ── Tema başlığı ve altbilgisi: GİZLE ─────────────────────────────────
   ⚠️ ÖLÇÜLDÜ (2026-08-18, dört sayfada da aynı): tema çubuğu 114px
   yüksekliğinde `position:fixed` bir katman, ama gövde ona yalnız 75px
   ayırıyor (`body.hostinger-ai-builder-gutenberg{padding-top:75px}`,
   temanın style.min.css'i). Sayfa başlığı h1 y=76..117'de çiziliyor,
   çubuk y=75..189'u kaplıyor → 41px ÖRTÜŞME. 390px'te başlık doğrudan
   logonun üstüne biniyor.
   ⚠️ Üstelik buraya yazdığımız `backdrop-filter` sabit ögeye YENİ BİR
   KAPSAYICI BLOK kuruyordu: çubuk artık viewport'a değil header'a
   çakılıydı. Ölçüldü: 600px kaydırınca çubuk y=-662 — sabitliğini de
   yitirmiş. Yeniden boyamak bunu çözmez; kaldırmak çözer.
   ⚠️ Mağaza/sepet/kasa/hesap sayfaları kd_ist_innenseite() ile zaten
   dışarıda — orada başlık gizlenirse sepete erişim kaybolur.
   ⚠️ `display:none` içerideki <link>/<style>/<script> ögelerini
   DURDURMAZ; tema başlığının içindeki fonts.css ve kd-motion çalışmaya
   devam eder. Gizlenen yalnız çizimdir.                                */
body.kd-innen header.wp-block-template-part,
body.kd-innen footer.wp-block-template-part{ display:none!important; }

/* Tema, sabit çubuğuna yer açmak için gövdeye 75px dolgu koyuyordu.
   Çubuk gittiyse dolgu da gider — yoksa tepede 75px boş bant kalır.    */
body.kd-innen{ padding-top:0!important; }

/* Başlık gitti; içeriğin kendi nefesini kendisi ayarlaması gerekiyor.
   ⚠️ `!important` ŞART: şablon `<main>` ögesine SATIR İÇİ
   `style="padding-top:0;padding-bottom:0"` yazıyor (ölçüldü). Satır içi
   bildirim normal kuralların hepsini yener; `!important` olmadan bu
   satır sessizce düşer ve başlık çubuğa yapışır.                       */
body.kd-innen main{ padding-top:clamp(1.6rem,5vh,3.2rem)!important; }

/* ⚠️ WooCommerce mini-sepet çekmecesini <header>'ın İÇİNE değil,
   doğrudan <body>'ye asıyor (ölçüldü: body > .wc-block-components-
   drawer__screen-overlay). Yani başlığı gizlemek onu gizlemez: açacak
   düğme ortadan kalkar ama çekmece DOM'da kalır ve „Einkaufen beginnen"
   bağlantısı klavye sırasında durur.
   ⚠️ Mağaza sayfaları kd_ist_innenseite() ile dışarıda — bu kural
   oralarda ÇALIŞMAZ, sepet olduğu gibi kalır.                          */
body.kd-innen .wc-block-components-drawer__screen-overlay{ display:none!important; }

/* ── KENDİ ÇUBUĞUMUZ — ana sayfadaki .hud'un dili ──────────────────────
   Aynı ölçüler: 11px mono, .24em aralık, rgba(5,5,7,.72) + blur(6px),
   %10 opak çizgi. SABİT DEĞİL: bir hukuk metni uzun; sabit çubuk her
   ekranda okuma alanından yer yer.
   Ana sayfanın çubuk yüksekliği (`--cubuk:3.4rem`) birebir alınır ve
   sönük ton ana sayfanınkiyle eşitlenir (#9A948A → #A9A49A): aynı
   görünsün istiyorsak aynı değeri kullanmak gerekir. Kontrast da
   yükseliyor: 6,77 → 8,21 (zemin #050507).                            */
:root{ --kd-cubuk:3.4rem; --kd-sonuk:#A9A49A; }
body.kd-innen .kd-cubuk{
  display:grid; grid-template-columns:1fr auto; align-items:center;
  column-gap:1rem; min-height:var(--kd-cubuk);
  padding:0 clamp(1rem,2.4vw,2rem);
  background:rgba(5,5,7,.72); backdrop-filter:blur(6px);
  color:var(--kd-sonuk);
}
/* ⚠️ `body.kd-innen a{font-family:Switzer!important}` (0,1,2) her
   bağlantıyı ezer — `.kd-zurueck`in mono olması gerekirken Switzer
   çıkması bunun kanıtıydı (ölçüldü). Mono kuralı DAHA YÜKSEK
   özgüllükle yazılır: (0,2,2).                                         */
body.kd-innen .kd-cubuk,
body.kd-innen .kd-cubuk a,
body.kd-innen .kd-cubuk span,
body.kd-innen .kd-zurueck{
  font-family:ui-monospace,Menlo,Consolas,monospace!important;
  font-size:11px; letter-spacing:.24em; text-transform:uppercase;
}
body.kd-innen .kd-cubuk--ust{ border-bottom:1px solid rgba(246,243,234,.10); }
body.kd-innen .kd-cubuk--alt{ border-top:1px solid rgba(246,243,234,.10);
  margin-top:clamp(3rem,8vh,6rem); }
body.kd-innen .kd-cubuk b{ color:var(--kd-kagit)!important; font-weight:500; }
body.kd-innen .kd-cubuk a{
  color:var(--kd-sonuk)!important; text-decoration:none;
  display:inline-flex; align-items:center; min-height:44px;
  padding-inline:.2rem; position:relative;
  transition:color .25s cubic-bezier(.22,.9,.28,1);
}
body.kd-innen .kd-cubuk a:hover{ color:var(--kd-kagit)!important; }
body.kd-innen .kd-cubuk a::after{
  content:''; position:absolute; left:.2rem; right:.2rem; bottom:.7rem;
  height:1px; background:currentColor; transform:scaleX(0);
  transform-origin:left; transition:transform .3s cubic-bezier(.22,.9,.28,1);
}
body.kd-innen .kd-cubuk a:hover::after,
body.kd-innen .kd-cubuk a:focus-visible::after{ transform:scaleX(1); }
body.kd-innen .kd-cubuk a[aria-current=page]{ color:var(--kd-kagit)!important; }
body.kd-innen .kd-yasal{ display:flex; flex-wrap:wrap;
  gap:clamp(.7rem,1.8vw,1.5rem); }

/* ⚠️ ÖLÇÜLDÜ (390px): iki bağlantı tek satıra sığmayınca marka
   „KARTEDIEM / — STUTTGART" diye ikiye bölünüyor ve üst çubuk 121px'e
   çıkıyordu — ince bir çubuk için üç katı. Ana sayfa aynı sıkışıklığı
   aynı yolla çözüyor: DAR EKRANDA DEKORATİF OLAN DÜŞER, gezinme kalır.
   Burada dekoratif olan yer adı; „KARTEDIEM" ve „IMPRESSUM" kalır.
   Harf aralığı ana sayfadaki basamakları izler (.24em→.12em→.06em).    */
@media (max-width:760px){
  body.kd-innen .kd-cubuk,
  body.kd-innen .kd-cubuk a,
  body.kd-innen .kd-cubuk span{ letter-spacing:.12em; }
  body.kd-innen .kd-cubuk{ padding-inline:.8rem; }
}
@media (max-width:560px){
  body.kd-innen .kd-cubuk--ust .kd-yer{ display:none; }
  /* Dört yasal bağlantı + telif tek satıra sığmaz. ALT çubuk istiflenir;
     sabit olmadığı için kimseyi ezmez, yalnızca uzar.                   */
  body.kd-innen .kd-cubuk--alt{ grid-template-columns:1fr; row-gap:.5rem;
    padding-block:.75rem; }
}
@media (max-width:400px){
  body.kd-innen .kd-cubuk,
  body.kd-innen .kd-cubuk a,
  body.kd-innen .kd-cubuk span{ letter-spacing:.06em; }
}

/* ── Rhythmus ──────────────────────────────────────────────────────── */
body.kd-innen .entry-content{ padding-block:clamp(2.2rem,6vh,4.5rem); }
body.kd-innen .entry-content > *{ margin-inline:auto; }

/* ── Zurück zur Startseite: auf Rechtsseiten fehlte der Weg zurück ── */
.kd-zurueck{
  display:inline-flex; align-items:center; gap:.55rem;
  margin-bottom:2rem; padding:.6rem 1rem;
  border:1px solid var(--kd-cizgi); border-radius:99px;
  color:var(--kd-sonuk)!important; text-decoration:none!important;
  font-family:ui-monospace,Menlo,Consolas,monospace!important;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  min-height:44px; transition:border-color .25s ease,color .25s ease;
}
.kd-zurueck:hover{ border-color:rgba(255,201,120,.6); color:var(--kd-kagit)!important; }

/* ── Tabellen (AGB/Widerruf enthalten welche) ──────────────────────── */
body.kd-innen table{ border-collapse:collapse; width:100%; margin:1.6em 0; }
body.kd-innen th,body.kd-innen td{
  border:1px solid var(--kd-cizgi); padding:.7rem .9rem; text-align:left;
}
body.kd-innen th{ background:rgba(246,243,234,.05); color:var(--kd-kagit)!important; }

/* ── Formularfelder (Kontaktformulare auf Unterseiten) ─────────────── */
body.kd-innen input:not([type=checkbox]):not([type=radio]),
body.kd-innen textarea,body.kd-innen select{
  background:rgba(246,243,234,.06)!important; color:var(--kd-kagit)!important;
  border:1px solid var(--kd-cizgi)!important; border-radius:6px; padding:.7rem .85rem;
  min-height:44px;
}
body.kd-innen input:focus-visible,body.kd-innen textarea:focus-visible{
  outline:2px solid var(--kd-altin); outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  body.kd-innen *{ transition:none!important; }
}