/* ════════════════════════════════════════════════════════════════════════
   site-v2-icerik.css — yeni sitenin içerik sayfaları (docs/89-ek dilim 3–6: Dilim 6 iletişim, güvenlik, geliştiriciler, entegrasyon kılavuzu,
   yasal, abonelikten çıkış, blog köprüsü). Sahibi Hat C (A3 sürüm 3 §V3.2); iskeleti Dilim K kurdu, içeriği Hat C yazar.
   Yalnızca isteyen sayfada yüklenir: görünüm ViewData[SiteV2Styles.ViewDataKey] = SiteV2Styles.Icerik; main sınıfı "dcs-page dcs-icerik".
   Her seçici .dcs-icerik ile başlar (@media içi dahil; bekçi SiteKitV2UnitTests). Düzyazı (.dcs-prose) ve form alanı (.dcs-field) kitte
   (site-v2.css), burada yalnızca bu gruba özgü kurallar durur. Satır içi style=, u-* yardımcı sınıfı ve ws-* eski sınıf yok (H-2, H-5).
   ════════════════════════════════════════════════════════════════════════ */

/* ── Blog değişken köprüsü (1.91.139, DÖ-3): blog görünümleri aynı kalır; blog.css'in okuduğu eski değişkenler bu kökte kimlik
   tokenlarına bağlanır. Bekçi: blog.css'teki her var(--…) burada tanımlı olmalı (Dilim6UnitTests). Bağlantı ve vurgu mürekkep tonunda
   (sinyal rengi açık zeminde metin değil); koyu tema tokenların kendisinden gelir. ── */
.dcs-icerik {
  --c-bg: var(--dcs-bg);
  --c-surface: var(--dcs-surface);
  --c-surface-2: var(--dcs-surface-2);
  --c-text: var(--dcs-text);
  --c-text-2: var(--dcs-text-2);
  --c-text-3: var(--dcs-text-3);
  --c-border: var(--dcs-line);
  --c-border-strong: var(--dcs-text-3);
  --c-primary: var(--dcs-text);
  --c-primary-d: var(--dcs-text);
  --c-primary-faint: var(--dcs-surface-2);
  --c-btn-bg: var(--dcs-text);
  --c-btn-fg: var(--dcs-bg);
  --radius-sm: 8px;
  --radius-md: 12px;
  --trans: .2s ease;
  --shadow-md: 0 8px 24px color-mix(in srgb, var(--dcs-ink) 12%, transparent);
  --font: var(--dcs-font-sans);
  --font-display: var(--dcs-font-sans);
}
/* blog.css'teki tek sabit renk (#fff) koyu temada köprülenmiş (açık) düğme zemininde okunmazdı */
.dcs-icerik .blog-pagination .current { color: var(--c-btn-fg); }

/* ── Belge sayfaları: güvenlik, geliştiriciler, entegrasyon kılavuzu (gövde _…Body, ProseClasses.V2) ── */
.dcs-icerik .dcs-icerik__doc { padding-top: clamp(32px, 5vw, 56px); }
.dcs-icerik .dcs-icerik__note { max-width: 72ch; margin: 0 0 32px; padding: 14px 18px; border: 1px solid var(--dcs-line); border-radius: 12px; background: var(--dcs-surface); font-size: 16px; line-height: 1.6; color: var(--dcs-text-2); }
.dcs-icerik .dcs-icerik__note a { color: var(--dcs-text); text-decoration: underline; text-underline-offset: 3px; }
.dcs-icerik .dcs-icerik__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 40px 0 0; }
/* Düzyazının bağlantı kuralı (.dcs-prose a: altı çizili, metin rengi) düğmeye uygulanmaz: birincil düğme sinyal zemininde kendi metin renginde */
.dcs-icerik .dcs-prose .dcs-icerik__actions .dcs-btn { max-width: 100%; white-space: normal; text-align: center; text-decoration: none; }
.dcs-icerik .dcs-prose .dcs-icerik__actions .dcs-btn--primary { color: var(--dcs-on-signal); }
.dcs-icerik .dcs-prose .dcs-icerik__actions .dcs-btn--ghost { color: var(--dcs-text); }

/* ── Yasal metin ve abonelikten çıkış: başlık bandı, bölümler, çapraz bağlantılar ── */
.dcs-icerik .dcs-icerik__head { padding: clamp(40px, 7vw, 80px) 0 clamp(24px, 4vw, 40px); border-bottom: 1px solid var(--dcs-line); background: var(--dcs-surface); }
.dcs-icerik .dcs-icerik__title { max-width: 24ch; margin: 0; font-size: clamp(30px, 5vw, 48px); font-weight: 600; line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; overflow-wrap: anywhere; }
.dcs-icerik .dcs-icerik__meta { max-width: 72ch; margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: var(--dcs-text-2); }
.dcs-icerik .dcs-icerik__section + .dcs-icerik__section { margin-top: 8px; }
.dcs-icerik .dcs-icerik__cross { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--dcs-line); font-size: 15px; }
.dcs-icerik .dcs-icerik__cross a { display: inline-flex; align-items: center; min-height: 44px; }
.dcs-icerik .dcs-icerik__form { margin: 0 0 20px; }
.dcs-icerik .dcs-icerik__form .dcs-btn { max-width: 100%; white-space: normal; text-align: center; }

/* ── İletişim: bilgiler ve form iki sütun (geniş ekranda), dar ekranda alt alta ── */
.dcs-icerik .dcs-icerik__contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start; }
.dcs-icerik .dcs-icerik__panel { min-width: 0; }
.dcs-icerik .dcs-icerik__panel--form { padding: clamp(20px, 4vw, 32px); border: 1px solid var(--dcs-line); border-radius: 16px; background: var(--dcs-surface); }
.dcs-icerik .dcs-icerik__h2 { margin: 0; font-size: clamp(22px, 3vw, 28px); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; text-wrap: balance; overflow-wrap: anywhere; }
.dcs-icerik .dcs-icerik__sub { margin: 8px 0 24px; font-size: 16px; line-height: 1.6; color: var(--dcs-text-2); }
.dcs-icerik .dcs-icerik__facts { display: grid; gap: 12px; margin: 0; }
.dcs-icerik .dcs-icerik__fact { min-width: 0; padding: 14px 18px; border: 1px solid var(--dcs-line); border-radius: 12px; background: var(--dcs-surface); }
.dcs-icerik .dcs-icerik__fact dt { font-size: 14px; font-weight: 600; color: var(--dcs-text-2); }
.dcs-icerik .dcs-icerik__fact dd { margin: 4px 0 0; font-size: 16px; line-height: 1.55; color: var(--dcs-text); overflow-wrap: anywhere; }
.dcs-icerik .dcs-icerik__fact a { display: inline-flex; align-items: center; min-height: 44px; color: var(--dcs-text); text-decoration: underline; text-underline-offset: 3px; }
.dcs-icerik .dcs-icerik__hours { margin: 16px 0 0; font-size: 15px; line-height: 1.5; color: var(--dcs-text-2); }
.dcs-icerik .dcs-icerik__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px; }
/* Bal küpü alanı: bugünkü form gibi CSS ile gizli (metin değil, form alanı); ekran okuyucuya ve sekme sırasına da kapalı (aria-hidden, tabindex) */
.dcs-icerik .dcs-icerik__trap { display: none; }
/* Durum kutusu: işaret yokken hidden özniteliğiyle gizli (bu sınıf görüntüyü değiştirmez); başarı ve hata metinle ayrışır, yalnızca renkle değil */
.dcs-icerik .dcs-icerik__alert { margin: 0 0 20px; padding: 12px 16px; border-radius: 12px; font-size: 15px; line-height: 1.5; }
.dcs-icerik .dcs-icerik__alert:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }
.dcs-icerik .dcs-icerik__alert--ok { border: 1px solid var(--dcs-line); border-left: 4px solid var(--dcs-text); background: var(--dcs-bg); color: var(--dcs-text); }
.dcs-icerik .dcs-icerik__alert--err { border: 2px solid var(--dcs-error); background: var(--dcs-surface); color: var(--dcs-error); font-weight: 600; }
.dcs-icerik .dcs-icerik__submit { width: 100%; }
.dcs-icerik .dcs-icerik__submit:disabled { cursor: progress; opacity: .7; }

/* ── Blog: yazı sonundaki kayıt kutusu (_BlogCtaV2); kitin kapanış bandıyla aynı tonlar ── */
.dcs-icerik .dcs-icerik__blog-cta { max-width: 760px; margin: 48px auto; padding: 0 20px; }
.dcs-icerik .dcs-icerik__blog-cta-inner { padding: clamp(24px, 4vw, 36px); border-radius: 20px; background: var(--dcs-ink); color: var(--dcs-paper); text-align: center; }
html[data-theme="dark"] .dcs-icerik .dcs-icerik__blog-cta-inner { background: var(--dcs-surface-2); }
.dcs-icerik .dcs-icerik__blog-cta-title { margin: 0; font-size: clamp(20px, 3vw, 26px); font-weight: 600; line-height: 1.25; text-wrap: balance; overflow-wrap: anywhere; }
.dcs-icerik .dcs-icerik__blog-cta-text { max-width: 56ch; margin: 10px auto 0; font-size: 16px; line-height: 1.6; color: var(--dcs-band-text); }
.dcs-icerik .dcs-icerik__blog-cta .dcs-btn { max-width: 100%; margin-top: 20px; white-space: normal; text-align: center; text-decoration: none; }
/* blog.css .ws-blog-page a { color: inherit } (0,1,1) kit düğmesinin rengini ezip bant metnini (paper) veriyordu: sinyal zeminde ~1,04:1 (bağımsız inceleme Önemli 2) */
.dcs-icerik .dcs-icerik__blog-cta .dcs-btn--primary { color: var(--dcs-on-signal); }
.dcs-icerik .dcs-icerik__blog-cta a:focus-visible { outline-color: var(--dcs-signal); }

@media (min-width: 640px) {
  .dcs-icerik .dcs-icerik__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 960px) {
  .dcs-icerik .dcs-icerik__contact { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; }
}