/*
Theme Name: ndcrea
Theme URI: https://ndcrea.com
Author: Doç. Dr. Nihat Dursun
Description: Tamamen bağımsız, özel editoryal İsviçre grafik tasarım WordPress teması.
Version: 3.2.0
*/

:root {
    --bg: #F3F3F0;
    --fg: #111111;
    --muted: #777777;
    --border: #DFDFDC;
    --accent: #E63946;
}

/* Evrensel Font Kilidi ve Normal Harf Düzeni */
html, body, body * {
    font-family: 'Space Grotesk', sans-serif !important;
}

body, h1, h2, h3, h4, p, a, button {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Sadece Meta Alanlar Büyük Harf ve Monospace */
.meta { 
    font-family: 'JetBrains Mono', monospace !important; 
    font-size: 0.75rem !important; 
    text-transform: uppercase !important; 
    letter-spacing: 0.05em !important; 
    color: var(--muted) !important; 
}

.rule { border-top: 1px solid var(--border); width: 100%; }

/* Sayfa Zemin Rengi (Header ile Birebir Aynı) */
body {
    background-color: var(--bg) !important;
    color: var(--fg) !important;
    cursor: none;
    overflow-x: hidden;
    padding-top: 4rem;
}

/* DİL KİLİDİ: Seçili olmayan dili anında gizle */
body.lang-en [data-lang="tr"] { display: none !important; }
body.lang-tr [data-lang="en"] { display: none !important; }

/* Aktif Dil Butonu Beyaz Yazı Garantisi */
.btn-lang-en.bg-black, 
.btn-lang-tr.bg-black {
    color: #ffffff !important;
}

/* Görünüm Filtreleme Kuralları */
body.filter-academic #visual-section, body.filter-academic #awards-section { display: none !important; }
body.filter-visual #academic-section, body.filter-visual #awards-section, body.filter-visual #media-section { display: none !important; }
body.filter-awards #visual-section, body.filter-academic #academic-section, body.filter-awards #media-section { display: none !important; }

/* Bölüm Ana Başlıkları Tipografi Standardı (§ 01, 02, 03, 04) */
#visual-section h2,
#awards-section h2,
#academic-section h2,
#media-section h2,
h2.section-title {
    font-size: clamp(1.8rem, 3.5vw, 2.75rem) !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.15 !important;
}

/* Animasyonlar ve Özel İmleç (Cursor) Yapısı */
.reveal { opacity: 0; transform: translateY(15px); transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

#draw-canvas {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    pointer-events: none; z-index: 9997;
}

.cursor-dot {
    position: fixed; top: 0; left: 0; width: 12px; height: 12px;
    background-color: var(--fg); border-radius: 50%;
    pointer-events: none; z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    font-family: monospace; font-size: 10px; color: var(--bg);
    transition: width 0.2s, height 0.2s, background-color 0.2s, transform 0.1s;
}
.cursor-dot.is-citation { width: 44px; height: 26px; border-radius: 13px; background-color: var(--accent); }
.cursor-dot.is-drawing-mode { width: 20px; height: 20px; background-color: var(--accent); box-shadow: 0 0 10px var(--accent); }

.cursor-preview {
    position: fixed; top: 0; left: 0; width: 220px; height: 300px;
    pointer-events: none; z-index: 9998; opacity: 0; transform: translate(18px, 18px);
    transition: opacity 0.3s ease; overflow: hidden; border-radius: 2px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.cursor-preview.is-active { opacity: 1; }
.cursor-preview img { width: 100%; height: 100%; object-fit: cover; }

.scroll-ruler { position: fixed; right: 2rem; top: 50%; transform: translateY(-50%); z-index: 50; }
.top-nav { position: fixed; top: 0; left: 0; right: 0; background: var(--bg); border-bottom: 1px solid var(--border); z-index: 100; backdrop-filter: blur(8px); }

.index-row:hover h3 { font-style: italic; color: var(--accent); }