/* site-chrome.css — sadece statik alt sayfalar için (gizlilik/çerez/kullanım
   şartları). Ana sayfa (index.html) aynı kuralları kendi <style> bloğunda
   TAŞIYOR — burası ondan kopyalandı, tek kaynak değil. Biri değişirse
   diğeri elle güncellenmeli (bkz. index.html'in tokens.css için attığı
   aynı uyarı, CLAUDE.md "Hibrit Mimari"). Engine (scrollcraft.css/js) bu
   sayfalarda hiç kullanılmıyor — bunlar scroll-driven değil, düz içerik
   sayfaları. */

:root {
  --sc-canvas:     #150C08;
  --sc-surface:    #221309;
  --sc-ink:        #FBEFE1;
  --sc-ink-soft:   #C9AC96;
  --sc-accent:     #E8452C;
  --sc-accent-ink: #180B06;
  --sc-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sc-font-text:    "Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;

  --sc-gutter: clamp(1.25rem, 5vw, 4rem);
  --sc-hairline: color-mix(in oklab, var(--sc-ink) 14%, transparent);
  --sc-hairline-strong: color-mix(in oklab, var(--sc-ink) 26%, transparent);
  --sc-d-fast: 180ms; --sc-d-base: 320ms;
  --sc-ease-out: cubic-bezier(.16,1,.3,1);
  --sc-r-md: 0.6rem; --sc-r-lg: 1.1rem; --sc-r-pill: 999px;
  --sc-t-sm: 0.9rem; --sc-t-base: 1rem; --sc-t-lg: 1.15rem;
  --sc-4: 1rem; --sc-5: 1.5rem; --sc-6: 2rem; --sc-7: 2.75rem; --sc-8: 3.5rem;
  --sc-z-chrome: 50;
}

* { box-sizing: border-box; }
html { background: var(--sc-canvas); }
body {
  margin: 0; background: var(--sc-canvas); color: var(--sc-ink);
  font-family: var(--sc-font-text); line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.sc-wrap { max-width: 74rem; margin-inline: auto; padding-inline: var(--sc-gutter); }
a { color: inherit; }

/* ===================================================================
   SITE CHROME: header nav + footer (index.html ile birebir aynı olmalı)
   =================================================================== */
.site-bar {
  position: sticky; top: 0; z-index: var(--sc-z-chrome);
  display: flex; align-items: center; justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem) var(--sc-gutter);
  background: color-mix(in oklab, var(--sc-canvas) 92%, transparent);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--sc-hairline);
}
.site-bar__mark {
  display: flex; align-items: center; gap: 0.6rem;
  font-family: var(--sc-font-display); font-weight: 700;
  font-size: var(--sc-t-lg); color: var(--sc-ink); text-decoration: none;
}
.site-bar__logo {
  width: auto; height: clamp(2.9rem, 4vw, 4rem); flex: none; object-fit: contain;
}
.site-bar__nav { display: flex; align-items: center; gap: clamp(0.7rem, 1.7vw, 1.5rem); }
.site-bar__nav a {
  font-size: var(--sc-t-sm); text-decoration: none; color: var(--sc-ink-soft);
  white-space: nowrap;
  transition: color var(--sc-d-fast) var(--sc-ease-out);
}
.site-bar__nav a:hover, .site-bar__nav a:focus-visible { color: var(--sc-ink); }
/* Aktif sayfa göstergesi — hangi menüde olduğun belli olsun */
.site-bar__nav a[aria-current="page"] {
  color: var(--sc-ink); position: relative;
}
.site-bar__nav a[aria-current="page"]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -0.55rem; height: 2px;
  background: var(--sc-accent); border-radius: 2px;
}
.site-bar__nav a.is-cta[aria-current="page"] {
  box-shadow: 0 0 0 2px var(--sc-canvas), 0 0 0 4px var(--sc-accent);
}
.site-bar__nav a.is-cta[aria-current="page"]::after { display: none; }
.site-bar__nav a.is-cta {
  color: var(--sc-accent-ink); background: var(--sc-accent);
  padding: 0.5em 1.05em; border-radius: var(--sc-r-pill);
  font-weight: 700;
  position: relative; overflow: hidden; isolation: isolate;
  transition: transform var(--sc-d-fast) var(--sc-ease-out), box-shadow var(--sc-d-fast) var(--sc-ease-out);
}
.site-bar__nav a.is-cta:hover, .site-bar__nav a.is-cta:focus-visible {
  color: var(--sc-accent-ink); transform: translateY(-1px);
}
.site-bar__nav a.is-cta::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 45%;
  background: linear-gradient(100deg, transparent,
    color-mix(in oklab, #fff 50%, transparent), transparent);
  transform: translateX(-180%) skewX(-18deg); pointer-events: none; z-index: -1;
  animation: btn-sheen 6.5s ease-in-out infinite 1.5s;
}
@media (prefers-reduced-motion: reduce) {
  .site-bar__nav a.is-cta::after { animation: none; opacity: 0; }
}

.site-bar__toggle {
  display: none; align-items: center; justify-content: center;
  width: 2.5rem; height: 2.5rem; flex: none;
  background: transparent; border: 1px solid var(--sc-hairline-strong);
  border-radius: var(--sc-r-md);
  color: var(--sc-ink); cursor: pointer; padding: 0;
}
.site-bar__toggle-bars { position: relative; width: 1.05rem; height: 0.78rem; display: block; }
.site-bar__toggle-bars span {
  position: absolute; left: 0; width: 100%; height: 2px;
  background: currentColor; border-radius: 2px;
  transition: transform var(--sc-d-fast) var(--sc-ease-out), opacity var(--sc-d-fast) var(--sc-ease-out);
}
.site-bar__toggle-bars span:nth-child(1) { top: 0; }
.site-bar__toggle-bars span:nth-child(2) { top: 50%; margin-top: -1px; }
.site-bar__toggle-bars span:nth-child(3) { bottom: 0; }
.site-bar.is-open .site-bar__toggle-bars span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.site-bar.is-open .site-bar__toggle-bars span:nth-child(2) { opacity: 0; }
.site-bar.is-open .site-bar__toggle-bars span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 860px) {
  .site-bar__toggle { display: inline-flex; }
  .site-bar__nav {
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: color-mix(in oklab, var(--sc-canvas) 97%, transparent);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--sc-hairline);
    padding: 0.2rem var(--sc-gutter) 0.85rem;
    opacity: 0; transform: translateY(-8px);
    pointer-events: none;
    transition: opacity var(--sc-d-base) var(--sc-ease-out), transform var(--sc-d-base) var(--sc-ease-out);
  }
  .site-bar__nav a {
    padding: 0.8rem 0; font-size: var(--sc-t-base);
    border-top: 1px solid var(--sc-hairline);
  }
  .site-bar__nav a:first-child { border-top: none; }
  .site-bar.is-open .site-bar__nav { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .site-bar__nav a.is-cta {
    margin-top: 0.7rem; padding: 0.85em 1em; border-top: none;
    text-align: center; border-radius: var(--sc-r-md);
  }
  /* Mobil panelde aktif sayfa: alt çubuk yerine sol aksan + renk */
  .site-bar__nav a[aria-current="page"] { color: var(--sc-ink); box-shadow: inset 3px 0 0 var(--sc-accent); padding-left: 0.75rem; }
  .site-bar__nav a[aria-current="page"]::after { display: none; }
  .site-bar__nav a.is-cta[aria-current="page"] { box-shadow: 0 0 0 2px var(--sc-accent); padding-left: 1em; }
}
@media (prefers-reduced-motion: reduce) {
  .site-bar__nav, .site-bar__toggle-bars span { transition-duration: 1ms; }
}

.site-foot { border-top: 1px solid var(--sc-hairline); padding-block: var(--sc-8) var(--sc-6); }
.site-foot__grid {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr;
  gap: var(--sc-7); padding-bottom: var(--sc-7);
}
.site-foot__brand { display: flex; flex-direction: column; gap: 0.85rem; max-width: 26rem; }
.site-foot__mark {
  display: flex; align-items: center; gap: 0.55rem;
  font-family: var(--sc-font-display); font-weight: 700;
  font-size: var(--sc-t-base); color: var(--sc-ink);
}
.site-foot__logo {
  width: auto; height: 2.6rem; flex: none; object-fit: contain;
}
.site-foot__tagline { margin: 0; color: var(--sc-ink-soft); font-size: var(--sc-t-sm); }
.site-foot__insta {
  align-self: flex-start; color: var(--sc-accent); text-decoration: none;
  font-size: var(--sc-t-sm); font-weight: 600;
}
.site-foot__insta:hover, .site-foot__insta:focus-visible { text-decoration: underline; }
.site-foot__mail {
  align-self: flex-start; color: var(--sc-ink-soft); text-decoration: none;
  font-size: var(--sc-t-sm); font-weight: 600;
}
.site-foot__mail:hover, .site-foot__mail:focus-visible { color: var(--sc-ink); text-decoration: underline; }
.site-foot__col { display: flex; flex-direction: column; gap: 0.65rem; }
.site-foot__col-title {
  margin: 0 0 0.15rem; font-size: 0.72rem; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--sc-ink-soft);
}
.site-foot__col a {
  color: var(--sc-ink-soft); text-decoration: none; font-size: var(--sc-t-sm);
  width: fit-content; transition: color var(--sc-d-fast) var(--sc-ease-out);
}
.site-foot__col a:hover, .site-foot__col a:focus-visible { color: var(--sc-ink); }
.site-foot__bottom {
  display: flex; justify-content: center; text-align: center;
  padding-top: var(--sc-6); border-top: 1px solid var(--sc-hairline);
}
.site-foot__copy { color: var(--sc-ink-soft); font-size: 0.8rem; }
@media (max-width: 760px) {
  .site-foot__grid { grid-template-columns: 1fr 1fr; }
  .site-foot__brand { grid-column: span 2; max-width: none; }
}
@media (max-width: 480px) {
  .site-foot__grid { grid-template-columns: 1fr; gap: var(--sc-6); }
  .site-foot__brand { grid-column: auto; }
}

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.85em 1.7em; border-radius: var(--sc-r-pill);
  font-family: var(--sc-font-display); font-weight: 600;
  font-size: var(--sc-t-sm); text-decoration: none; white-space: nowrap;
  transition: transform var(--sc-d-fast) var(--sc-ease-out),
              box-shadow var(--sc-d-fast) var(--sc-ease-out);
}
.btn--accent {
  background: var(--sc-accent); color: var(--sc-accent-ink);
  position: relative; overflow: hidden; isolation: isolate;
}
.btn--accent:hover { transform: translateY(-2px); }
.btn--accent:focus-visible { outline-offset: 4px; }
/* Yavaş "sheen" geçişi — sadece transform, aksiyon katıyor ama kışkırtmıyor */
.btn--accent::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(100deg, transparent,
    color-mix(in oklab, #fff 50%, transparent), transparent);
  transform: translateX(-180%) skewX(-18deg); pointer-events: none; z-index: -1;
  animation: btn-sheen 6.5s ease-in-out infinite;
}
@keyframes btn-sheen {
  0% { transform: translateX(-180%) skewX(-18deg); }
  55%, 100% { transform: translateX(320%) skewX(-18deg); }
}
@media (prefers-reduced-motion: reduce) {
  .btn--accent { transition: none; }
  .btn--accent::after { animation: none; opacity: 0; }
}

/* ===================================================================
   İçerik sayfası (gizlilik/çerez/kullanım şartları) — sade, okunur
   =================================================================== */
.legal-page { padding-block: clamp(6rem, 14vh, 9rem) var(--sc-9, 4.5rem); }
.legal-page__wrap { max-width: 46rem; }
.legal-page__back {
  display: inline-flex; align-items: center; gap: 0.4em;
  color: var(--sc-ink-soft); text-decoration: none; font-size: var(--sc-t-sm);
  margin-bottom: var(--sc-6);
}
.legal-page__back:hover, .legal-page__back:focus-visible { color: var(--sc-ink); }
.legal-page h1 {
  font-family: var(--sc-font-display); font-weight: 700;
  font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.1;
  margin: 0 0 0.5rem; color: var(--sc-ink);
}
.legal-page__updated { color: var(--sc-ink-soft); font-size: var(--sc-t-sm); margin: 0 0 var(--sc-8); }
.legal-page h2 {
  font-family: var(--sc-font-display); font-weight: 600;
  font-size: 1.35rem; color: var(--sc-ink);
  margin: var(--sc-7) 0 0.75rem;
}
.legal-page p, .legal-page li { color: var(--sc-ink-soft); font-size: 1rem; line-height: 1.7; }
.legal-page ul { padding-left: 1.25rem; margin: 0.5rem 0; }
.legal-page li { margin-bottom: 0.4rem; }
.legal-page a { color: var(--sc-accent); text-decoration: underline; text-underline-offset: 2px; }