@font-face {
    font-family: 'KendiTraditionalArabic'; /* CSS'te çağıracağımız isim */
    src: url('fonts/trado.woff2') format('woff2'), /* Klasör yolunuza göre düzenleyin */
         url('fonts/trado.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* GÜNDÜZ MODU (Varsayılan Renkler) */
:root {
    --bg-color: #fcfbf9;
    --card-bg: #ffffff;
    --primary-color: #5d4037;
    --text-color: #3e2723;       /* Gündüz düz metin rengi */
    --accent-color: #8d6e63;     /* Gündüz başlık rengi */
    --border-color: #efebe9;
    --farsca-color: #1a0c00;     /* Gündüz Farsça metin rengi */
}

/* GECE MODU (Sitenizin gece modu class adını buraya yazın, örn: body.dark) */
body.dark-mode {
    --bg-color: #121212;         /* Koyu arka plan */
    --card-bg: #1e1e1e;          /* Koyu kart arka planı */
    --primary-color: #d7ccc8;
    --text-color: #e0e0e0;       /* Gece modunda okunuş ve meal rengi */
    --accent-color: #bcaaa4;     /* Gece modunda başlık rengi */
    --border-color: #333333;
    --farsca-color: #ffecb3;     /* Gece modunda parıldayan Farsça rengi */
}

/* Şiir Kutusu Genel Ayarı */
.siir-container {
    max-width: 650px;
    width: 100%;
    margin: 0 auto; 
    background: var(--card-bg);  /* Değişkene bağlandı */
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border-color);
    padding: 35px;
    box-sizing: border-box;
}

.section-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--accent-color);
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 600;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 5px;
}

.section-title:first-of-type {
    margin-top: 0;
}

/* Farsça Metin Alanı */
.farsca-metin {
    font-family: 'KendiTraditionalArabic', 'Traditional Arabic', 'Adobe Arabic', 'Times New Roman', serif !important;
    font-size: 1.8rem;
    direction: rtl;
    line-height: 1.3;
    color: var(--farsca-color) !important; /* Gece/Gündüz otomatik değişir */
    padding: 5px 0; 
    word-spacing: 4px;

    /* SAĞDAN HİZALAYARAK ORTALAMA DOKUNUŞLARI */
    text-align: right;      /* Farsça mısra başlarını sağa hizalar */
    max-width: max-content; /* Kutuyu sadece en uzun Farsça mısra kadar daraltır */
    margin-left: auto;      /* Şiir bloğunu soldan ortalar */
    margin-right: auto;     /* Şiir bloğunu sağdan ortalar */
}

/* Okunuş Alanı */
.latin-okunus {
    font-style: normal;
    font-size: 1.1rem;
    color: var(--text-color); /* Gece/Gündüz otomatik değişir */
    white-space: pre-line;
    margin-top: 5px;
    line-height: 1.6;

    /* YENİ EKLENEN SİHİRLİ DOKUNUŞLAR */
    text-align: left;       /* Mısra başlarını sola hizalar */
    max-width: max-content; /* Kutuyu sadece en uzun mısra kadar daraltır */
    margin-left: auto;      /* Şiir bloğunu sağdan ortalar */
    margin-right: auto;     /* Şiir bloğunu soldan ortalar */
}

/* Türkçe Meal Alanı */
.turkce-meal {
    font-size: 1.05rem;
    color: var(--text-color); /* Gece/Gündüz otomatik değişir */
    text-align: center;
    white-space: pre-line;
    font-weight: 400;
    margin-top: 5px; 
    line-height: 1.6;
}

/* Satır aralarını belirginleştirmek için küçük süs */
.separator {
    text-align: center;
    margin: 5px 0;
    color: var(--accent-color);
    font-size: 1.2rem;
    letter-spacing: 5px;
}

/* Mobil Cihazlar İçin Uyum (Kodun en dışına taşınarak düzeltildi) */
@media (max-width: 480px) {
    .siir-container {
        padding: 20px;
    }
    .farsca-metin {
        font-size: 1.7rem;
    }
    .latin-okunus, .turkce-meal {
        font-size: 1.1rem;
    }
}