/* KABUK GÖVDELERİ — blog (.blogdoc), hukuki metinler (.legaldoc), 404 (.yok-sayfa).
   Yeni tasarım kabuğuna (landing-next/src/app/kabuk, ops/site_kabuk.py) yerleşen gövdelerin stili.
   Gövdeler eski sitenin shadcn adlı sınıflarını taşır (bg-primary, text-muted-foreground, bg-card…);
   burada yeni tasarımın jetonlarına (--color-*, Next'in CSS'i tanımlar) bağlanır.
   KATMANSIZ CSS: Tailwind yardımcıları @layer içinde; buradaki kurallar !important olmadan onları ezer.
   Tailwind yardımcılarının kendisi Next derlemesinde üretilir (landing-next/icerik-siniflari.txt). */

.blogdoc, .legaldoc, .yok-sayfa { color: var(--color-ink); }
.blogdoc *, .legaldoc * { border-color: var(--color-line); }
.blogdoc .container, .blogdoc .wrap {
  width: min(1280px, calc(100% - 2.5rem));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
@media (width >= 40rem) { .blogdoc .container, .blogdoc .wrap { width: min(1280px, 90%); } }
.blogdoc .container.max-w-3xl { max-width: 48rem; }

/* Eski adlar → yeni jetonlar */
.blogdoc .text-muted-foreground, .blogdoc .text-ink-soft, .blogdoc .text-ink-mute { color: var(--color-muted); }
.blogdoc .bg-card, .blogdoc .bg-background, .blogdoc .bg-paper { background: #fff; }
.blogdoc .bg-muted, .blogdoc .bg-muted\/50 { background: var(--color-card); }
.blogdoc .bg-muted\/30 { background: color-mix(in srgb, var(--color-card) 60%, transparent); }
.blogdoc .border-input, .blogdoc .border-line2 { border-color: var(--color-line); }
.blogdoc .bg-primary { background: var(--color-brand-600); }
.blogdoc .text-primary-foreground { color: #fff; }
.blogdoc .hover\:bg-primary\/90:hover { background: var(--color-brand-700); }
.blogdoc .hover\:bg-accent:hover { background: var(--color-card); }
.blogdoc .text-blue-600, .blogdoc .hover\:text-blue-600:hover { color: var(--color-brand-600); }
.blogdoc .rounded-xl2 { border-radius: 1.25rem; }
.blogdoc .mono { font-family: inherit; }
.blogdoc .arrow { display: inline-block; color: var(--color-brand-600); transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
.blogdoc .group:hover .arrow { transform: translateX(4px); }
.blogdoc span.rounded-full.border-line2 { border: 0; box-shadow: 0 0 0 1px var(--color-line); background: var(--color-canvas); color: var(--color-muted); letter-spacing: .08em; }
.blogdoc .shadow { box-shadow: var(--shadow-hafif); }

/* Başlıklar: yeni sitenin ölçeği (Outfit, normal ağırlık) */
.blogdoc h1 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
@media (width >= 40rem) { .blogdoc h1 { font-size: 48px; } }
@media (width >= 64rem) { .blogdoc h1 { font-size: 56px; } }
.blogdoc h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
@media (width >= 40rem) { .blogdoc h2 { font-size: 36px; } }
.blogdoc h2.text-lg, .blogdoc h2.text-xl { font-size: 1.3rem; line-height: 1.3; letter-spacing: -0.01em; }
.blogdoc h3 { font-family: var(--font-display); font-weight: 500; font-size: 1.15rem; letter-spacing: -0.01em; }
.blogdoc .hl { color: var(--color-brand-600); background: none; padding: 0; }

/* Kırıntı */
.blogdoc .crumb { padding-top: 1.5rem; font-size: 13px; color: var(--color-muted); }
.blogdoc .crumb a { color: var(--color-muted); transition: color .15s; }
.blogdoc .crumb a:hover { color: var(--color-ink); }
.blogdoc > .wrap { padding-block: 0; }

/* Açılış: ızgara ve ışık yok, sola hizalı (yeni sayfaların açılışı gibi) */
.blogdoc .hero-grid-bg { display: none; }
.blogdoc section.glow { border-bottom: 0; }
.blogdoc section.glow > .container {
  align-items: flex-start;
  text-align: start;
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}
@media (width >= 64rem) { .blogdoc section.glow > .container { padding-top: 3.5rem; padding-bottom: 4rem; } }
.blogdoc section.glow > .container > * { max-width: 760px; }
.blogdoc section.glow > .container > .justify-center { justify-content: flex-start; }
.blogdoc section.glow > .container > span.rounded-full {
  background: #fff;
  border: 0;
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: 13px;
  gap: .5rem;
}
.blogdoc section.glow > .container > span.rounded-full::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: var(--color-brand-500);
}
.blogdoc section.glow .lead, .blogdoc section.glow > .container > p { font-size: 17px; line-height: 1.65; color: var(--color-muted); }

/* Düğmeler: yeni Button bileşeni ile aynı biçim */
.blogdoc a.h-11 { border-radius: 10px; box-shadow: none; font-size: 15px; padding-inline: 1.25rem; }
.blogdoc a.h-11.border { border: 0; box-shadow: 0 0 0 1px var(--color-line); background: #fff; color: var(--color-ink); }
.blogdoc a.h-11.border:hover { background: var(--color-card); }

/* Bölümler */
.blogdoc section.border-y { border-block: 0; }
.blogdoc section.py-20 { padding-block: 3.5rem; }
@media (width >= 48rem) { .blogdoc section.py-20 { padding-block: 4.5rem; } }
/* Ardışık iki düz bölüm arasında boşluk ikiye katlanmasın */
.blogdoc section.py-20:not([class*="bg-"]) + section.py-20:not([class*="bg-"]) { padding-top: 0; }

/* Kartlar */
.blogdoc .rounded-xl.border, .blogdoc .rounded-2xl.border, .blogdoc .rounded-xl2.border {
  border: 0;
  box-shadow: 0 0 0 1px var(--color-line), var(--shadow-hafif);
  border-radius: 1rem;
}
.blogdoc a.rounded-xl2.border:hover, .blogdoc a.rounded-2xl.border:hover { box-shadow: 0 0 0 1px var(--color-brand-200), var(--shadow-kart); }
.blogdoc .rounded-full.border.bg-card { border: 0; box-shadow: 0 0 0 1px var(--color-line); }

/* Kapanış çağrısı: koyu lacivert bant */
.blogdoc .rounded-2xl:has(> .glow) {
  background: var(--color-night);
  box-shadow: none;
  border-radius: 1.5rem;
  color: #fff;
}
.blogdoc .rounded-2xl:has(> .glow) h2 { color: #fff; }
.blogdoc .rounded-2xl:has(> .glow) .text-muted-foreground { color: rgb(255 255 255 / 0.65); }
.blogdoc .rounded-2xl:has(> .glow) > .glow {
  background: radial-gradient(closest-side, rgb(95 168 208 / 0.22), transparent);
  inset: -30% 20% auto;
  height: 120%;
}

/* Metin gövdesi */
.blogdoc .prose-rich { color: var(--color-muted); font-size: 17px; line-height: 1.75; }
.blogdoc .prose-rich > * + * { margin-top: 1rem; }
.blogdoc .prose-rich h2 { color: var(--color-ink); margin: 0 0 1rem; }
.blogdoc .prose-rich h3 { color: var(--color-ink); margin: 1.8rem 0 .5rem; }
.blogdoc .prose-rich h4 { color: var(--color-ink); font-weight: 600; margin: 1.2rem 0 .4rem; }
.blogdoc .prose-rich a { color: var(--color-brand-600); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--color-brand-200); }
.blogdoc .prose-rich a:hover { color: var(--color-brand-700); text-decoration-color: currentColor; }
.blogdoc .prose-rich strong, .blogdoc .prose-rich b { color: var(--color-ink); font-weight: 600; }
.blogdoc .prose-rich ul, .blogdoc .prose-rich ol { margin: .8rem 0 1rem; padding: 0; }
.blogdoc .prose-rich li { margin: .5rem 0; }
.blogdoc .prose-rich ul > li { list-style: none; position: relative; padding-inline-start: 1.5rem; }
.blogdoc .prose-rich ul > li::before {
  content: "";
  position: absolute;
  inset-inline-start: .15rem;
  top: .72em;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: var(--color-brand-500);
}
.blogdoc .prose-rich ol { list-style: decimal; padding-inline-start: 1.4rem; }
.blogdoc .prose-rich blockquote { border-inline-start: 3px solid var(--color-brand-200); padding-inline-start: 1rem; color: var(--color-ink); }
.blogdoc .prose-rich table, .blogdoc table { width: 100%; border-collapse: collapse; font-size: 15px; }
.blogdoc th, .blogdoc td { border: 1px solid var(--color-line); padding: .65rem .8rem; text-align: start; vertical-align: top; }
.blogdoc th { background: var(--color-card); color: var(--color-ink); font-weight: 600; }
.blogdoc .overflow-x-auto { border-radius: 1rem; box-shadow: 0 0 0 1px var(--color-line); background: #fff; }
.blogdoc .overflow-x-auto table { margin: 0; }
.blogdoc .overflow-x-auto th, .blogdoc .overflow-x-auto td { border-width: 0 0 1px; }

/* Sık sorulan sorular */
.blogdoc details > summary { list-style: none; cursor: pointer; font-size: 16px; color: var(--color-ink); gap: 1rem; }
.blogdoc details > summary::-webkit-details-marker { display: none; }
.blogdoc details > p { font-size: 15.5px; }
.blogdoc .chev {
  flex: none;
  width: 8px;
  height: 8px;
  margin-inline: 6px 4px;
  font-size: 0;
  color: transparent;
  border-inline-end: 1.5px solid var(--color-muted);
  border-bottom: 1.5px solid var(--color-muted);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
}
.blogdoc details[open] .chev { transform: translateY(2px) rotate(-135deg); }
.blogdoc .divide-y > * + * { border-top: 1px solid var(--color-line); }

/* Ürün penceresi örneği (müşteri hizmetleri yazısı) */
.blogdoc .mock { border-radius: 1rem; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--color-line), var(--shadow-kart); }
.blogdoc .mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--color-card); font-size: 12px; color: var(--color-muted); }
.blogdoc .mock-bar i { width: 9px; height: 9px; border-radius: 9999px; background: var(--color-card-2); }
.blogdoc .mock-bar span { margin-inline-start: 8px; }
.blogdoc .chat { display: flex; flex-direction: column; gap: 10px; padding: 0 0 16px; background: var(--color-canvas); }
.blogdoc .chead { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #fff; border-bottom: 1px solid var(--color-line); color: var(--color-ink); }
.blogdoc .chead .av { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9999px; background: var(--color-brand-100); color: var(--color-brand-700); font-weight: 600; font-size: 14px; }
.blogdoc .chat .b { max-width: 78%; margin-inline: 16px; padding: 8px 12px; border-radius: 12px; font-size: 14px; line-height: 1.45; }
.blogdoc .chat .b.in { align-self: flex-start; background: #fff; box-shadow: 0 0 0 1px var(--color-line); color: var(--color-ink); }
.blogdoc .chat .b.out { align-self: flex-end; background: var(--color-brand-600); color: #fff; }
.blogdoc .chat .who { font-size: 11px; font-weight: 600; opacity: .8; margin-bottom: 2px; }
.blogdoc .chat .t { font-size: 10.5px; opacity: .65; text-align: end; margin-top: 3px; }
.blogdoc .chat .t b { font-weight: 400; }

/* ── HUKUKİ METİNLER ── */
.legaldoc { max-width: 52rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
@media (width >= 40rem) { .legaldoc { padding-inline: 1.5rem; } }
.legaldoc .ust-etiket { font-size: 13px; font-weight: 500; color: var(--color-brand-600); margin-bottom: .75rem; }
.legaldoc h1 { font-family: var(--font-display); font-weight: 400; font-size: 36px; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 1rem; }
@media (width >= 40rem) { .legaldoc h1 { font-size: 44px; } }
.legaldoc h2 { font-family: var(--font-display); font-weight: 500; font-size: 1.4rem; letter-spacing: -0.01em; margin: 2.4rem 0 .7rem; }
.legaldoc h3 { font-weight: 600; font-size: 1.05rem; margin: 1.5rem 0 .5rem; }
.legaldoc h4 { font-weight: 600; font-size: .98rem; margin: 1.1rem 0 .4rem; }
.legaldoc p { color: var(--color-muted); line-height: 1.75; margin: .65rem 0; font-size: 16px; }
.legaldoc a { color: var(--color-brand-600); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--color-brand-200); }
.legaldoc a:hover { color: var(--color-brand-700); }
.legaldoc strong { color: var(--color-ink); font-weight: 600; }
.legaldoc ul, .legaldoc ol { margin: .6rem 0 1rem; padding-inline-start: 1.5rem; color: var(--color-muted); line-height: 1.7; }
.legaldoc ul { list-style: disc; }
.legaldoc ol { list-style: decimal; }
.legaldoc li { margin: .3rem 0; }
.legaldoc li::marker { color: var(--color-brand-400); }
.legaldoc table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 14.5px; display: block; overflow-x: auto; }
.legaldoc th, .legaldoc td { border: 1px solid var(--color-line); padding: .55rem .7rem; text-align: start; vertical-align: top; color: var(--color-muted); }
.legaldoc th { background: var(--color-card); color: var(--color-ink); font-weight: 600; }
.legaldoc .toc { background: #fff; border-radius: 1rem; padding: 1rem 1.25rem; margin: 1.5rem 0; box-shadow: 0 0 0 1px var(--color-line); }
.legaldoc .toc h4 { margin: 0 0 .5rem; }
.legaldoc .toc a { color: var(--color-muted); text-decoration: none; }
.legaldoc .toc a:hover { color: var(--color-brand-600); }
.legaldoc .def { border-inline-start: 3px solid var(--color-brand-200); padding-inline-start: 1rem; margin: 1rem 0; }

/* ── 404 ── */
.yok-sayfa { max-width: 40rem; margin: 0 auto; padding: 5rem 1.25rem 7rem; text-align: center; }
.yok-sayfa .kod { font-size: 13px; font-weight: 500; color: var(--color-brand-600); margin-bottom: .75rem; }
.yok-sayfa h1 { font-family: var(--font-display); font-weight: 400; font-size: 40px; line-height: 1.1; letter-spacing: -0.02em; }
.yok-sayfa p { margin-top: 1rem; color: var(--color-muted); font-size: 17px; line-height: 1.65; }
.yok-sayfa .dugmeler { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
.yok-sayfa .dugmeler a { display: inline-flex; align-items: center; height: 44px; padding-inline: 1.25rem; border-radius: 10px; font-size: 15px; font-weight: 500; }
.yok-sayfa .dugmeler a.ana { background: var(--color-brand-600); color: #fff; }
.yok-sayfa .dugmeler a.ana:hover { background: var(--color-brand-700); }
.yok-sayfa .dugmeler a.ikincil { background: #fff; color: var(--color-ink); box-shadow: 0 0 0 1px var(--color-line); }
.yok-sayfa .dugmeler a.ikincil:hover { background: var(--color-card); }
.yok-sayfa p a { color: var(--color-brand-600); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--color-brand-200); }
.yok-sayfa p a:hover { color: var(--color-brand-700); }