/* ============================================================================
   Tematik Koleksiyonlar — TEK ortak editoryal bileşen (tematik koleksiyon.docx)
   Düşünce / Sinema / Okumalar / Podcast / Anasayfa: aynı yapı, sadece içerik değişir.
   Veri: /api/themes (admin yönetilebilir). Render: themed-collections.js
   Dikey ritim: 48 (üst) / etiket / 12 / başlık / 16 / açıklama / 24 / çizgi / 32 / kartlar
   ========================================================================== */
.tc {
    --tc-ink: #1F1F1F;
    --tc-muted: #65625b;
    --tc-line: #DDD9D0;
    --tc-surface: #FFFFFF;
    --tc-radius: 14px;
    padding: 48px 0 clamp(40px, 6vw, 72px);
}
.tc__inner {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
}

/* ── Başlık bloğu ── */
.tc__eyebrow {
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.68rem;
    font-weight: 400;                 /* ince ağırlık (docx) */
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--tc-ink);
    margin: 0;
}
.tc__title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 500;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    line-height: 1.12;
    color: var(--tc-ink);
    margin: 12px 0 0;                 /* etiket → başlık: 12px */
}
.tc__desc {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    line-height: 1.5;
    color: var(--tc-muted);
    margin: 16px 0 0;                 /* başlık → açıklama: 16px */
    max-width: 56ch;
}
.tc__rule {
    height: 1px;
    background: var(--tc-line);
    border: 0;
    margin: 24px 0 0;                 /* açıklama → çizgi: 24px */
}

/* ── Yatay kaydırmalı carousel (önceki tasarım): ← → oklarıyla gezinilir ── */
.tc__viewport { position: relative; margin: 32px 0 0; }   /* çizgi → kartlar: 32px */
.tc__row {
    display: flex;
    gap: clamp(16px, 2vw, 24px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
    scrollbar-width: none;
}
.tc__row::-webkit-scrollbar { display: none; }
.tc__nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;
    width: 48px; height: 48px; border-radius: 50%;
    border: 1px solid rgba(237,231,218,.35); background: rgba(23,21,17,.38);
    color: #EDE7DA; display: flex; align-items: center; justify-content: center;
    font-size: 17px; cursor: pointer; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    transition: background .3s, color .3s, border-color .3s, opacity .3s;
}
.tc__nav:hover { background: #EDE7DA; color: #17140E; border-color: #EDE7DA; }
.tc__nav--prev { left: 10px; }
.tc__nav--next { right: 10px; }
.tc__nav[disabled] { opacity: 0; pointer-events: none; }   /* uçta sönükleşir */

/* Kart: önceki anasayfa tasarımı — tam-görsel + koyu perde + altta etiket/ad. */
.tc__card {
    position: relative;
    flex: 0 0 clamp(240px, 30vw, 320px);
    scroll-snap-align: start;
    aspect-ratio: 3 / 4;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-color: #ece8e1;
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    color: inherit;
    transition: transform 0.5s ease;
}
.tc__card:hover { transform: translateY(-6px); }
.tc__veil {
    position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(11,10,8,.82) 0%, rgba(11,10,8,.18) 55%, rgba(11,10,8,.05) 100%);
    transition: background 0.4s ease;
}
.tc__card:hover .tc__veil {
    background: linear-gradient(0deg, rgba(11,10,8,.88) 0%, rgba(11,10,8,.30) 60%, rgba(237,231,218,.10) 100%);
}
.tc__cbody { position: relative; z-index: 1; padding: clamp(18px, 2vw, 26px); }
.tc__clabel {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #EDE7DA;
    margin-bottom: 8px;
}
.tc__cname {
    display: block;
    margin: 0;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 500;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.05;
    color: #F5F1E8;
}

.tc__empty {
    font-family: 'Cormorant Garamond', Georgia, serif;
    color: var(--tc-muted);
    padding: 8px 0;
}

@media (max-width: 760px) {
    .tc { padding: 36px 0 44px; }
    .tc__inner { width: calc(100% - 40px); }
    .tc__card { flex-basis: clamp(180px, 64vw, 240px); }
    .tc__nav { width: 40px; height: 40px; font-size: 15px; }
    .tc__cbody { padding: 16px; }
}

/* Anasayfa: .eh-wrap zaten kenar payını sağlıyor → iç genişlik %100 (grid komşu
   bölümlerle hizalansın, çift daraltma olmasın). */
.editorial-home .tc__inner { width: 100%; }

/* Koyu zeminli sayfalarda (varsa) beyaz metin varyantı — opsiyonel */
.tc--dark { --tc-ink: #F7F5F0; --tc-muted: rgba(247,245,240,0.7); --tc-line: rgba(247,245,240,0.14); --tc-surface: rgba(255,255,255,0.04); }