/*
Theme Name: Özel Manga Teması
Author: ePAH
Version: 2.0
*/

body {
    background-color: #141414; /* Koyu Arka Plan */
    color: #e0e0e0; /* Açık Renk Yazı */
    font-family: sans-serif;
    margin: 0; 
    padding: 0;
}

a { text-decoration: none; color: inherit; }

/* Header */
.site-header { background: #222; padding: 15px; border-bottom: 1px solid #333; }
.header-inner { max_width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.logo a { color: white; font-size: 24px; font-weight: bold; }
.main-nav a { color: #ccc; margin-left: 15px; }

/* Genel Kapsayıcı */
.container, .manga-detay-wrapper { max_width: 1000px; margin: 0 auto; padding: 20px; }

/* Grid (Ana Sayfa) */
.manga-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; }
.manga-karti { background: #222; border-radius: 5px; overflow: hidden; }
.manga-kapak { height: 220px; }
.manga-kapak img { width: 100%; height: 100%; object-fit: cover; }
.manga-adi { color: white; padding: 10px; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Detay Sayfası */
.manga-bilgi-kutusu { display: flex; gap: 20px; background: #222; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.detay-sol { flex: 0 0 200px; }
.detay-kapak { width: 100%; border-radius: 5px; }
.manga-baslik { margin-top: 0; color: #fff; border-bottom: 2px solid #d32f2f; display: inline-block; padding-bottom: 5px;}
.manga-ozet { background: #333; padding: 10px; border-radius: 5px; margin-top: 15px; font-size: 14px; color: #bbb; }

/* Bölüm Listesi */
.bolum-listesi-kapsayici { background: #222; padding: 20px; border-radius: 8px; }
.bolum-listesi { list-style: none; padding: 0; }
.bolum-listesi li { border-bottom: 1px solid #333; }
.bolum-listesi a { display: block; padding: 10px; color: #ccc; }
.bolum-listesi a:hover { background: #333; color: white; padding-left: 15px; transition: 0.2s; }
/* =========================================
   OKUMA SAYFASI TASARIMI (READER)
   ========================================= */

.okuyucu-container {
    max_width: 800px; /* Okuma alanı çok geniş olmasın, göz yorar */
    margin: 0 auto;
    padding: 20px;
    background: #141414;
}

/* Navigasyon Linkleri */
.okuyucu-nav {
    color: #888;
    margin-bottom: 15px;
    font-size: 14px;
}
.okuyucu-nav a { color: #aaa; }
.okuyucu-nav a:hover { color: #d32f2f; }
.okuyucu-nav span { margin: 0 5px; }
.aktif-bolum { color: #fff; }

.okuyucu-baslik {
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
}

/* Kontrol Butonları (Önceki - Sonraki) */
.bolum-kontrol {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #222;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.bolum-kontrol a {
    background: #d32f2f;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 14px;
}
.bolum-kontrol a:hover { background: #b71c1c; }

.bolum-secici {
    background: #333;
    color: white;
    border: 1px solid #444;
    padding: 8px;
    border-radius: 4px;
    max-width: 200px;
}

/* GÖRSEL ALANI (Webtoon Modu) */
.okuyucu-icerik {
    background: #000;
    text-align: center;
}

.okuyucu-icerik img {
    max-width: 100%;
    height: auto;
    display: block; /* Alt alta boşluksuz dizilmeleri için */
    margin: 0 auto;
}

/* P (Paragraf) etiketlerinden gelen boşlukları sıfırla */
.okuyucu-icerik p {
    margin: 0; 
    padding: 0;
}

/* Alt Kontrol */
.alt-kontrol { margin-top: 30px; }
.listeye-don { background: #444 !important; }

/* Yorum Alanı */
.yorum-alani {
    margin-top: 50px;
    background: #1f1f1f;
    padding: 20px;
    border-radius: 8px;
    color: #ccc;
}