/* ==========================================================
   ANIT SAHNE KATMANI (v2) — /son-suvari/, /talat-pasa/, /cemal-pasa/ ortak
   /ataturk-assets/cinematic.css'in SAATSİZ kopyası; yalnızca
   cinematic-engine.js'in body'ye eklediği .cine-v2 sınıfı altında geçerli.
   ========================================================== */
/* ---------- METİN: "yanan mürekkep" ---------- */
.cine-v2 .stanza-line {
    font-size: clamp(1.25rem, 1.55vw, 1.65rem);
    line-height: 1.62;
}

.cine-v2 .stanza-line .caret { display: none; }

.cine-v2 .line-ink .w {
    display: inline-block;
    white-space: nowrap;
}

.cine-v2 .line-ink .ch {
    display: inline-block;
    opacity: 0;
    filter: blur(7px);
    transform: translateY(0.32em) scale(1.12);
    color: #fff1cf;
    text-shadow: 0 0 16px rgba(255, 196, 120, 0.95), 0 0 2px rgba(255, 230, 190, 0.9);
    transition:
        opacity 0.65s ease-out,
        filter 0.85s cubic-bezier(0.25, 1, 0.5, 1),
        transform 0.85s cubic-bezier(0.25, 1, 0.5, 1),
        color 1.8s ease,
        text-shadow 2.2s ease;
}

.cine-v2 .line-ink .ch.on {
    opacity: 1;
    filter: blur(0);
    transform: none;
    color: var(--color-text);
    text-shadow: 0 0 0 rgba(255, 196, 120, 0);
}

.cine-v2 .line-ink .ch.hl.on {
    color: var(--color-highlight);
    text-shadow: 0 0 14px rgba(217, 191, 130, 0.45);
}

.cine-v2 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Başlık: Samsun'dan Cumhuriyet'e kadar şafak ışığını alır */
.cine-v2 .poem-main-title {
    transition: color 3s ease, text-shadow 3s ease;
}

.cine-v2 .poem-main-title.dawn {
    color: #ffe0a3;
    text-shadow:
        0 0 24px rgba(255, 186, 105, 0.55),
        0 0 70px rgba(255, 140, 60, 0.3),
        0 4px 20px rgba(0, 0, 0, 0.8);
}

/* ---------- PARÇACIKLAR ARTIK FOTOĞRAFIN ÖNÜNDE ---------- */
.cine-v2 #atmosphere-canvas { z-index: 6; }

/* ---------- KAMERA ---------- */
/* Ortak sonsuz zoom yerine: her fotoğrafa kendi Ken Burns hareketi (JS),
   dış sarmalayıcıda ise sahne olaylarına bağlı "kamera itişi". */
.cine-v2 .poster-wrapper {
    animation: none;
    transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1);
}

.cine-v2 .poster-frame {
    transition: filter 3.5s ease;
}

.cine-v2 .kb-wrap {
    position: absolute;
    inset: 0;
    z-index: 2;
    will-change: transform;
}

.cine-v2 .kb-wrap.active { z-index: 3; }

/* ---------- IŞIK KATMANLARI ---------- */
.fx-layer {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 6;
    opacity: 0;
    mix-blend-mode: screen;
    transition: opacity 3.5s ease, transform 8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Renk duygusu: siyah-beyaz fotoğraflara ve sahnenin tamamına sahnenin
   rengini "color" karışımıyla verir (parlaklığı bozmaz, yalnızca ton). */
.fx-tint {
    mix-blend-mode: color;
    background-color: rgb(255, 170, 90);
    transition: opacity 3.5s ease, background-color 3.5s ease;
}

/* Şafak: ufuktan yükselen güneş */
.fx-dawn {
    background:
        radial-gradient(ellipse 85% 60% at 70% 106%,
            rgba(255, 176, 92, 0.78) 0%,
            rgba(255, 128, 64, 0.32) 32%,
            rgba(255, 110, 60, 0) 68%),
        linear-gradient(to top, rgba(255, 150, 80, 0.16), rgba(255, 150, 80, 0) 45%);
    transform: translateY(16%);
}

.fx-dawn.risen { transform: translateY(0); }

/* Çanakkale / Kocatepe: cephe ateşi */
.fx-fire {
    background:
        radial-gradient(ellipse 80% 60% at 72% 112%,
            rgba(235, 70, 25, 0.85) 0%,
            rgba(170, 30, 10, 0.35) 42%,
            rgba(170, 30, 10, 0) 75%),
        linear-gradient(to top, rgba(200, 50, 20, 0.22), rgba(200, 50, 20, 0) 40%);
}

.fx-fire::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 40% at 80% 104%,
        rgba(255, 130, 40, 0.7) 0%,
        rgba(255, 130, 40, 0) 70%);
    animation: fireFlicker 2.6s ease-in-out infinite;
}

@keyframes fireFlicker {
    0%, 100% { opacity: 0.55; }
    18% { opacity: 0.9; }
    33% { opacity: 0.6; }
    52% { opacity: 1; }
    70% { opacity: 0.5; }
    85% { opacity: 0.85; }
}

/* Tanrı ışınları: sağ üstten süzülen hüzmeler */
.fx-rays {
    inset: -25%;
    background: repeating-conic-gradient(from 200deg at 78% 12%,
        rgba(255, 226, 170, 0) 0deg 3deg,
        rgba(255, 226, 170, 0.11) 4deg 5.5deg,
        rgba(255, 226, 170, 0) 7deg 11deg);
    -webkit-mask-image: radial-gradient(ellipse 60% 70% at 74% 14%, #000 0%, transparent 78%);
    mask-image: radial-gradient(ellipse 60% 70% at 74% 14%, #000 0%, transparent 78%);
    transform-origin: 78% 12%;
    animation: raysDrift 38s ease-in-out infinite alternate;
}

@keyframes raysDrift {
    from { transform: rotate(-2.5deg); }
    to { transform: rotate(2.5deg); }
}

/* Patlama parlamaları ve fotoğraf geçişindeki ışık sızıntısı (JS çizer) */
.fx-flash {
    transition: none;
    z-index: 7;
}

/* ---------- SİNEMA ŞERİTLERİ ---------- */
.fx-letterbox {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 400;
}

.fx-letterbox .bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    background: #050505;
    transition: height 2.8s cubic-bezier(0.77, 0, 0.18, 1);
}

.fx-letterbox .bar-top { top: 0; }
.fx-letterbox .bar-bottom { bottom: 0; }

/* Açılış: perde kapalı başlar, "Anıta Gir"den sonra ikiye ayrılır */
.fx-letterbox.closed .bar { height: 50.5vh; }

/* Vuruluş anı: kadraj daralır */
.fx-letterbox.cinema .bar { height: 9vh; }

/* ---------- ZAMAN DURDUĞUNDA HER ŞEY DURUR ---------- */
.cine-v2.time-stopped .film-grain,
.cine-v2.time-stopped .light-sweep-effect,
.cine-v2.time-stopped .vignette-layer,
.cine-v2.time-stopped .fx-rays,
.cine-v2.time-stopped .fx-fire::after {
    animation-play-state: paused;
}

/* ---------- DUYARLI ---------- */
@media screen and (max-width: 1024px) {
    .cine-v2 .stanza-line { font-size: 1.2rem; line-height: 1.55; }
}

@media screen and (max-width: 768px) {
    .cine-v2 .stanza-line { font-size: 1.08rem; line-height: 1.5; }

    .fx-dawn {
        background:
            radial-gradient(ellipse 120% 55% at 50% 108%,
                rgba(255, 176, 92, 0.7) 0%,
                rgba(255, 128, 64, 0.28) 34%,
                rgba(255, 110, 60, 0) 70%),
            linear-gradient(to top, rgba(255, 150, 80, 0.14), rgba(255, 150, 80, 0) 45%);
    }

    .fx-fire {
        background: radial-gradient(ellipse 110% 50% at 50% 112%,
            rgba(220, 60, 25, 0.55) 0%,
            rgba(160, 30, 10, 0.2) 40%,
            rgba(160, 30, 10, 0) 72%);
    }


    .fx-letterbox.cinema .bar { height: 6vh; }
}

/* ---------- ERİŞİLEBİLİRLİK ---------- */
@media (prefers-reduced-motion: reduce) {
    .fx-rays { animation: none; }
    .fx-fire::after { animation: none; }
    .fx-letterbox { display: none; }
    .cine-v2 .line-ink .ch { filter: none; transform: none; transition-duration: 0.2s; }
}