/*
  KAVİS — her yüzeyin dört köşesi eşit yarıçapta.

  Tezi tek bir hamle: fotoğraf da kart da DİKDÖRTGEN kalıyor ve köşesi
  dört yerde aynı. Elips yok, köşeden köşeye değişen ölçü yok — bir
  yüzeyin üstü neyse altı da o. Isıyı gölge ya da dolgu değil, sayfadaki
  her kenarın aynı yumuşaklıkta dönmesi taşıyor.

  Muayenehane, terapi, mimarlık, otel, restoran: sıcak durması gereken
  ama şirin olmaması gereken her yer.

  `yumusak` ile aynı şey değil — orada iş gölgeyle bitiyor ve fotoğraf
  dikdörtgen kalıyor. Burada gölge hiç yok ve yarıçap fotoğrafın da
  kartın da köşesinde.

  Zemin sıcak kâğıt: saf beyaz, bu köşelerin yanında soğuk kalıyordu.
*/

/*
  Köşe kararı tek yerde. Bu dil yarıçapı sınıf sınıf uyguluyor;
  belirteçten okuyan bir blok (kataloga yeni giren her blok) listede
  olmadığı için katalog varsayılanında kalıyordu — yuvarlak bir sitede
  ikinci bir köşe ölçüsü demek. Belirteçler de aynı iki ölçüyü okuyor.
  (`:root:root` gerekçesi: tema belirteçleri sayfa içindeki <style>'da,
  yani bu dosyadan sonra yayımlanıyor.)
*/
:root:root {
  --site-radius: var(--kav-r);
  --site-img-radius: var(--kav-r-in);
}

:root {
  /*
    İki ölçü, iki katman. Dış yüzey KART (kendi zemini ve kenarı olan her
    şey), iç yüzey kartın içine oturan FOTOĞRAF. İçteki ölçü dıştakinden
    orantıyla çıkıyor (0.6), çıkarmayla değil: kartın dolgusu ölçüye göre
    değişmiyor, o yüzden "dış − dolgu" küçük kartta eksiye düşüyordu.

    Dördü de aynı köşede: bir yüzeyin üstü ile altı arasında fark yok.
  */
  --kav-r: 1.25rem;
  --kav-r-in: 0.75rem;
  --kav-line: color-mix(in oklab, var(--site-ink) 14%, transparent);
  /* Kâğıt: mürekkebin kendisinden türeyen çok hafif bir ısı. Sabit bir bej
     yazılsaydı palet değişince zemin paletin dışında kalırdı. */
  --kav-paper: color-mix(in oklab, var(--site-soft) 55%, var(--site-surface));
}

body { background: var(--kav-paper); }

/* ── yarıçap: fotoğrafın çerçevesi ─────────── */
/*
  Fotoğraf kartın içinde duran yüzey: iç ölçü.

  Yalnız kanalın içindeki fotoğraflarda. Kenardan kenara duran açılış ve
  bant fotoğrafları dışarıda: onların kenarı zaten ekranın kenarı ve orada
  köşe yuvarlamak fotoğrafı kesiyor.
*/
.blk-img,
.blk-figure img,
.blk-arch-figure {
  border-radius: var(--kav-r-in);
  overflow: clip;
}

/*
  Foto-kartlar dış ölçüde: bunlarda fotoğrafın üstünde ya da altında bir
  yazı şeridi (panel künyesi, kadro adı, konum kartı, sıra numarası)
  duruyor ve köşeyi çizen yüzey fotoğraf değil KART. Fotoğraf kartın
  içinde kenardan kenara; kendi köşesi olsaydı kartın köşesiyle iki ayrı
  yarıçap üst üste binerdi.
*/
.blk-deck-media,
.blk-panel-card,
.blk-collage-card,
.blk-rail-card,
.blk-roster-frame,
.blk-loc-card,
.blk-press-featured {
  border-radius: var(--kav-r);
  overflow: clip;
}

/*
  Künye bloğunun portresinde metnin izlediği biçim, portrenin köşesiyle
  aynı yerden geliyor: ölçü ayrı yazılsaydı biri değişip öbürü
  unutulduğunda metin fotoğrafın köşesine uymazdı.
*/
@container (min-width: 46rem) {
  .blk-arch-figure {
    shape-outside: inset(0 round var(--kav-r-in));
    shape-margin: 1.1rem;
  }
}

/* ── kart: niş ────────────────────────────── */
.blk-card,
.blk-note,
.blk[data-variant="cards"] .blk-prices > li,
.blk[data-variant="boxed"] .blk-cta-in {
  background: var(--site-surface);
  border: 1px solid var(--kav-line);
  border-radius: var(--kav-r);
  box-shadow: none;
  padding: var(--space-md);
}
.blk-card-link { transition: border-color 160ms ease, background 160ms ease; }
.blk-card:has(.blk-card-link:hover) {
  border-color: color-mix(in oklab, var(--site-primary) 45%, transparent);
  background: color-mix(in oklab, var(--site-primary) 5%, var(--site-surface));
}

/* ── başlık: rayı süren çizgi ─────────────── */
/*
  Başlığın üstünde küçük bir yay parçası vardı ve anlamsızdı: kavis bu
  dilin her fotoğrafında ve her kartında zaten var; onu bir de başlığın
  üstünde minyatür olarak tekrarlamak süs değil gürültü. Ortalanmış bir
  başlığın solunda asılı kaldığında büsbütün kopuk duruyordu.

  Yerine dergi düzeninin kendi hamlesi: başlık bir satırın İÇİNDE duruyor
  ve çizgi başlığın bittiği yerden rayın kenarına kadar akıyor. Bölümün
  nerede başladığını çizgi söylüyor, başlığın genişliğini de o çiziyor.

  Ortalı başlıklarda çizgi iki yandan geliyor; sola yaslıda yalnız sağdan.
  Farkı `flex` payı kuruyor, ikinci bir kural değil.
*/
.blk-h2 {
  display: flex;
  align-items: center;
}
.blk-h2::before,
.blk-h2::after {
  content: "";
  block-size: 1px;
  background: color-mix(in oklab, var(--site-primary) 45%, transparent);
}
/*
  Payı `gap` değil çizginin KENDİ payı taşıyor. Kapta gap varken sola
  yaslı başlığın solundaki sıfır genişlikli parça da bir pay açıyordu:
  başlık, altındaki metinden bir `--space-md` içeride başlıyor ve
  kartın içinde nedeni görünmeyen bir boşluk kalıyordu. Pay çizgiye
  yazılınca çizgi yoksa boşluk da yok.
*/
.blk-h2::before { flex: 0 0 0; }
.blk-h2::after { flex: 1 1 auto; margin-inline-start: var(--space-md); }

/* Ortalı başlıkta çizgi iki yandan. */
.blk[data-align="center"] .blk-h2::before,
.blk-cut[data-align="center"] .blk-h2::before,
[data-block="page-list"] .blk-h2::before,
[data-block="showcase-pair"] .blk-h2::before,
[data-block="feature-rail"] .blk-h2::before,
[data-block="moments"] .blk-h2::before,
[data-block="metric-card"] .blk-h2::before,
[data-block="panel-cards"] .blk-h2::before,
[data-block="testimonials"] .blk-h2::before,
[data-block="logo-strip"] .blk-h2::before {
  flex: 1 1 auto;
  margin-inline-end: var(--space-md);
}

/* ── nefes ────────────────────────────────── */
/* Satır arası geniş: yumuşak köşenin yanında sıkışık metin sert kalıyor. */
.blk-lede, .blk-prose p, .blk-card p { line-height: 1.75; }

/* ── düğme: hap ───────────────────────────── */
.blk-btn { border-radius: 999px; padding-inline: 1.5rem; }
.site-action, .site-theme, .site-menu-toggle, .site-langs a { border-radius: 999px; }

/* ── üst bar ve alt bilgi ─────────────────── */
.site-head { border-block-end: 1px solid var(--kav-line); box-shadow: none; }
/* Alt bilgi kenardan kenara düz kapanıyor. Üst iki köşesi yuvarlanıyordu
   ve altı düz kalıyordu: sayfadaki tek asimetrik köşe oydu. Bu dilde bir
   yüzeyin üstü ile altı ayrı ölçüde olmuyor, alt iki köşe de ekranın
   dibinde yuvarlanamayacağına göre doğru olan hiç yuvarlamamak. */

/* ── koyu şema ────────────────────────────── */
/*
  Kâğıt zemin koyu şemada kâğıt olmuyor; orada zemin mürekkebin kendisi ve
  ısıyı yayın kenarındaki ince ışık taşıyor.
*/
html[data-theme="dark"] body,
html[data-scheme="dark"] body { background: var(--site-surface); }
html[data-theme="dark"] .blk-card,
html[data-scheme="dark"] .blk-card {
  border-color: color-mix(in oklab, var(--site-ink) 22%, transparent);
}

/* ── saydamlık yok ────────────────────────── */
/*
  Buzlu cam başka bir dilin tezi (bkz. cam). Burada fotoğrafın üstündeki
  yazı kendi DONUK zeminini taşıyor: bulanıklaştırılmış bir panelde
  arkadaki kare hâlâ görünüyor ve yazının kontrastı fotoğrafa göre
  değişiyor.

  Köşe içteki ölçüde; panel kartın içinde duruyor ve iki ayrı yarıçap bir
  arada okunmuyor.
*/
.blk-panel {
  background: var(--site-ink);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 0;
  border-radius: var(--kav-r-in);
}