/*
Theme Name: Afsin Geylani Mistik Blog Professional
Author: Afşin Geylani
Description: Modern-Mistik, SEO uyumlu, Gece Modlu tasavvufi tema.
Version: 2.1
*/

/* Fontları İçer Aktar */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --gece-derin: #050a14;
    --gece-orta: #0a192f;
    --gece-acik: #112240;
    --altin: #C5A059;
    --altin-parlak: #e2c28d;
    --krem: #F5F5DC;
    --gecis: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Gece Modu Değişkenleri */
body.deep-night {
    --gece-derin: #020408;
    --gece-orta: #050a14;
    --gece-acik: #08101d;
    --krem: #d1d1bc;
    --altin: #a3844a;
}

* { box-sizing: border-box; scroll-behavior: smooth; }

body {
    background-color: var(--gece-derin);
    color: var(--krem);
    font-family: 'Lora', serif;
    line-height: 1.8;
    margin: 0;
    overflow-x: hidden;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.container { width: 90%; max-width: 1200px; margin: 0 auto; }

h1, h2, h3, .mistik-baslik {
    font-family: 'Cinzel Decorative', serif;
    color: var(--altin);
    letter-spacing: 3px;
    text-transform: uppercase;
}

a { color: var(--altin); text-decoration: none; transition: var(--gecis); }
a:hover { color: var(--altin-parlak); }

/* Yazı Kartları ve Görsel Kontrolü */
.yazi-kart {
    background: var(--gece-acik);
    border: 1px solid rgba(197, 160, 89, 0.15);
    border-radius: 8px;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    transition: var(--gecis);
}

.yazi-kart:hover {
    transform: translateY(-10px);
    border-color: var(--altin);
    box-shadow: 0 15px 35px rgba(0,0,0,0.5);
}

.yazi-gorsel img { 
    width: 100%; /* Resmin karta sığmasını sağlar */
    height: auto;
    display: block;
    transition: var(--gecis); 
    filter: grayscale(30%); 
}

.yazi-kart:hover .yazi-gorsel img { transform: scale(1.05); filter: grayscale(0%); }

/* Navigasyon */
.ana-nav { display: flex; justify-content: center; padding: 20px 0; }
.mistik-menu-listesi { list-style: none; padding: 0; display: flex; gap: 30px; margin: 0; }
.mistik-menu-listesi a {
    font-family: 'Cinzel Decorative', serif;
    font-size: 0.85rem;
    letter-spacing: 2px;
    position: relative;
    padding: 5px 0;
}

.mistik-menu-listesi a::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px;
    background: var(--altin); transition: var(--gecis);
}

.mistik-menu-listesi a:hover::after { width: 100%; }

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .mistik-menu-listesi { flex-direction: column; gap: 15px; text-align: center; }
}