/*
Theme Name: Kamimanga Yume V2
Theme URI: https://benimsitem.com/
Author: [Adınızı veya Takma Adınızı Buraya Yazın]
Author URI: https://benimsitem.com/
Description: Birlikte sıfırdan yazdığımız özel manga teması.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kamimangayume-v2
*/

/* Stil kodlarımız daha sonra buraya gelecek */
/* -------------------------------------------------------------------------- */
/* 1. Genel Ayarlar ve Değişkenler
/* -------------------------------------------------------------------------- */

/* Bu değişkenler sayesinde temanın renk paletini tek bir yerden kolayca yönetebiliriz.
   İleride 'Koyu Mod' eklemek istediğimizde bu bize çok yardımcı olacak. */
:root {
    --primary-color: #0073aa;
    --background-color: #f0f2f5;
    --card-background-color: #ffffff;
    --text-color: #333333;
    --light-text-color: #777777;
    --border-color: #e0e0e0;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --border-radius: 8px;
    --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    --card-hover-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Sayfa genelinde kutu modelini daha tutarlı hale getirir. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: var(--font-family);
    line-height: 1.6;
    margin: 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #005f8a;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* -------------------------------------------------------------------------- */
/* 2. Header (Üst Kısım) Stilleri
/* -------------------------------------------------------------------------- */

.site-header {
    background-color: var(--card-background-color);
    padding: 20px 0;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 30px;
}

.site-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    color: var(--text-color);
}

/* -------------------------------------------------------------------------- */
/* 3. Ana İçerik ve Izgara Yapısı
/* -------------------------------------------------------------------------- */
.page-header {
    margin-bottom: 20px;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 10px;
}

.page-title {
    font-size: 24px;
    font-weight: 600;
}

/* Bu, manga kartlarının esnek ve duyarlı bir ızgara içinde sıralanmasını sağlar. */
.manga-grid-container {
    display: grid;
    /* Ekrana sığdığı kadar sütun oluşturur. Her sütun en az 180px, en fazla 1fr (eşit pay) olur. */
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 25px; /* Kartlar arasındaki boşluk */
}

/* -------------------------------------------------------------------------- */
/* 4. Manga Kartı Stilleri (En Önemli Kısım)
/* -------------------------------------------------------------------------- */

.manga-card {
    background-color: var(--card-background-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.manga-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}

.manga-card-thumbnail {
    line-height: 0;
}

.manga-card-thumbnail img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.manga-card-details {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Elementler arası boşluk */
    flex-grow: 1; /* Kart yüksekliğini eşitler */
}

.manga-card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.manga-card-title a {
    color: var(--text-color);
}

.badge.status-badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    align-self: auto; /* Etiketin sola yaslanmasını sağlar */
    text-align: center;
}

/* Farklı durumlar için renkler */
.status-badge.status-completed { background-color: #4caf50; }
.status-badge.status-on-hold { background-color: #ff9800; }
.status-badge.status-canceled { background-color: #f44336; }
.status-badge.status-on-going { background-color: #0073aa; }

.latest-chapters {
    margin-top: auto; /* Bölümleri her zaman en alta iter */
    padding-top: 8px;
    border-top: 1px solid var(--border-color);
}

.latest-chapters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-chapters li {
    font-size: 14px;
}
.latest-chapters li + li {
    margin-top: 4px;
}

.latest-chapters a {
    color: var(--light-text-color);
}
.latest-chapters a:hover {
    color: var(--primary-color);
}

.latest-chapters .no-chapters {
    font-size: 13px;
    font-style: italic;
    color: var(--light-text-color);
}

/* -------------------------------------------------------------------------- */
/* 5. Footer (Alt Kısım) Stilleri
/* -------------------------------------------------------------------------- */

.site-footer {
    background-color: #fff;
    padding: 25px 0;
    border-top: 1px solid var(--border-color);
    margin-top: 40px;
    text-align: center;
    color: var(--light-text-color);
    font-size: 14px;
}

/* -------------------------------------------------------------------------- */
/* 6. Header Gelişmiş Stiller (Menü ve Arama)
/* -------------------------------------------------------------------------- */
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 25px; /* Menü öğeleri arası boşluk */
}

.main-navigation a {
    font-weight: 600;
    color: var(--text-color);
    padding: 5px 0;
    position: relative;
}

.main-navigation a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    background-color: var(--primary-color);
    transition: width 0.3s ease, left 0.3s ease;
}

.main-navigation a:hover::after,
.main-navigation .current-menu-item > a::after {
    width: 100%;
    left: 0;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Arama Formu Stilleri */
#kamyume-search-form {
    position: relative;
    width: 250px;
}

#kamyume-search-input {
    width: 100%;
    padding: 8px 35px 8px 15px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    background-color: #fffefe;
    transition: all 0.2s ease;
}

#kamyume-search-input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

#kamyume-search-form::after {
    content: '\f002'; /* FontAwesome search icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--light-text-color);
}

#kamyume-search-results {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: var(--card-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--card-hover-shadow);
    list-style: none;
    margin: 0;
    padding: 5px 0;
    z-index: 1001;
    max-height: 350px;
    overflow-y: auto;
}

#kamyume-search-results li a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 10px;
    color: var(--text-color);
    font-size: 14px;
}

#kamyume-search-results li a:hover {
    background-color: var(--background-color);
}

#kamyume-search-results img {
    width: 40px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
}

/* -------------------------------------------------------------------------- */
/* 7. Koyu Mod Stilleri
/* -------------------------------------------------------------------------- */
body.dark-mode {
    --primary-color: #00aaff;
    --background-color: #121212;
    --card-background-color: #1e1e1e;
    --text-color: #e0e0e0;
    --light-text-color: #888888;
    --border-color: #333333;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    --card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* -------------------------------------------------------------------------- */
/* 8. Tema Değiştirici ve Ekstra Özellikler
/* -------------------------------------------------------------------------- */

/* Tema Değiştirici Buton */
.theme-switch-wrapper { display: flex; align-items: center; }
.theme-switch { position: relative; display: inline-block; width: 48px; height: 24px; }
.theme-switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 24px; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: var(--primary-color); }
input:checked + .slider:before { transform: translateX(24px); }

/* Yukarı Çık Butonu */
#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none; /* JS ile gösterilecek */
    justify-content: center;
    align-items: center;
    font-size: 18px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
#scroll-to-top:hover { transform: translateY(-3px); }

/* Footer Sosyal İkonlar */
.footer-social-links { margin-bottom: 15px; }
.footer-social-links a { color: var(--light-text-color); font-size: 20px; margin: 0 10px; }
.footer-social-links a:hover { color: var(--primary-color); }

/* -------------------------------------------------------------------------- */
/* 9. Mobil Uyum (Responsive) Stilleri
/* -------------------------------------------------------------------------- */
.menu-toggle { display: none; } /* Başlangıçta mobil menü butonunu gizle */

/* Tablet ve daha küçük ekranlar için */
@media (max-width: 992px) {
    .menu-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 22px;
        cursor: pointer;
        color: var(--text-color);
        order: 3; /* Flexbox sıralaması */
    }

    .main-navigation {
        display: none; /* Normal menüyü gizle */
        order: 4;
        width: 100%;
        margin-top: 15px;
    }

    .main-navigation.toggled {
        display: block; /* JS ile bu class eklenince menüyü göster */
    }

    .main-navigation ul {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }
    .main-navigation li a {
        display: block;
        padding: 12px;
        border-bottom: 1px solid var(--border-color);
    }
    .main-navigation a::after { display: none; } /* Alt çizgiyi mobilde kaldır */

    .header-container { flex-wrap: wrap; }
    .site-branding { flex-grow: 1; }
    .header-right { order: 2; }
}

/* -------------------------------------------------------------------------- */
/* 10. Tekil Manga Sayfası Stilleri (FİNAL VERSİYON)
/* -------------------------------------------------------------------------- */

/* Hero Alanı */
.manga-hero-section {
    position: relative;
    padding: 40px 0;
    color: #fff;
    overflow: hidden;
}
.hero-background {
    position: absolute;
    top: -10%; left: -10%;
    width: 120%; height: 120%;
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.6);
    z-index: 1;
}
.hero-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 2;
}
.hero-content {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 30px;
    align-items: center;
}
.hero-cover img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}
.hero-info .entry-title {
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 10px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.hero-genres a {
    color: #eee;
    font-weight: 600;
    font-size: 14px;
}
.hero-genres a:hover { color: #fff; }
.hero-ratings { margin: 15px 0; }
.manga-description-short {
    font-size: 15px;
    line-height: 1.5;
    color: #eee;
    max-width: 90%;
}

/* Sekme Navigasyonu */
.manga-tabs {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    border-bottom: 2px solid var(--border-color-light);
}
.manga-tabs li a {
    display: block;
    padding: 10px 20px;
    font-weight: 600;
    color: var(--text-color-muted-light);
    border-bottom: 3px solid transparent;
    transform: translateY(2px);
}
.manga-tabs li.active a {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* Sekme İçerikleri */
.tab-content-container { padding-top: 30px; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.manga-meta-list { list-style: none; padding: 0; margin: 20px 0 0 0; }
.manga-meta-list li { padding: 8px 0; border-bottom: 1px dashed var(--border-color-light); }
.manga-meta-list li:first-child { border-top: 1px dashed var(--border-color-light); }

/* Bölüm Listesi */
.chapter-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--border-color-light);
    padding-bottom: 10px;
}
.chapter-list-header h3 {
    margin: 0;
}


/* -------------------------------------------------------------------------- */
/* BÖLÜM ARAMA KUTUSU İÇİN KESİN GÖRÜNÜRLÜK STİLİ
/* -------------------------------------------------------------------------- */

/* --- Açık Mod (Light Mode) --- */
#chapter-search-input {
    border: 2px solid black !important; /* Kenarlık: Siyah ve kalın */
    background-color: white !important; /* Arka Plan: Beyaz */
    color: black !important; /* Yazı Rengi: Siyah */
    padding: 8px 12px;
    border-radius: var(--border-radius);
    width: 250px;
}

#chapter-search-input::placeholder {
    color: #555 !important;
}

/* --- Koyu Mod (Dark Mode) --- */
body.dark-mode #chapter-search-input {
    border: 2px solid white !important; /* Kenarlık: Beyaz ve kalın */
    background-color: #222 !important; /* Arka Plan: Koyu Gri */
    color: white !important; /* Yazı Rengi: Beyaz */
}

body.dark-mode #chapter-search-input::placeholder {
    color: #aaa !important;
}

/* --- Odaklanma (Focus) Stili --- */
#chapter-search-input:focus {
    outline: none !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 5px var(--primary-color) !important;
}

.chapters-list.modern {
    list-style: none; 
    padding: 0; 
    margin: 0;
    border: 1px solid var(--border-color-light);
    border-radius: var(--border-radius);
    overflow: hidden;
}
.chapters-list.modern li {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    border-bottom: 1px solid var(--border-color-light);
    transition: background-color 0.2s ease;
}
.chapters-list.modern li:last-child {
    border-bottom: none;
}
.chapters-list.modern li:nth-child(even) {
    background-color: rgba(0,0,0,0.02);
}
body.dark-mode .chapters-list.modern li:nth-child(even) {
    background-color: rgba(255,255,255,0.03);
}
.chapters-list.modern li:hover {
    background-color: var(--primary-color);
}
.chapters-list.modern li:hover a,
.chapters-list.modern li:hover .chapter-date {
    color: #fff;
}
.chapters-list.modern a {
    padding: 12px 15px; 
    display: block; 
    flex-grow: 1; 
    font-weight: 500;
    color: var(--text-color-light);
    transition: transform 0.2s ease;
}
.chapters-list.modern li:hover a {
    transform: translateX(5px);
}
.chapters-list.modern .chapter-date { 
    padding-right: 15px; 
    font-size: 14px; 
    color: var(--text-color-muted-light);
    transition: color 0.2s ease;
}

/* DÜZELTME: "Hepsini Göster" Butonu Stilleri */
.chapter-load-buttons {
    text-align: center;
    margin-top: 25px;
}
.chapter-load-buttons .button {
    cursor: pointer;
    padding: 12px 30px;
    font-weight: bold;
    font-size: 16px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 123, 253, 0.2);
    transition: all 0.3s ease;
    background-color: #0073aa;
    color: #fff;
}
.chapter-load-buttons .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 123, 253, 0.3);
}

.chapters-list.modern .hidden-chapter {
    display: none;
}
.chapter-list-container.show-all .hidden-chapter {
    display: flex;
}

/* Mobil Uyum */
@media (max-width: 768px) {
    .hero-content { grid-template-columns: 1fr; text-align: center; }
    .hero-cover { max-width: 200px; margin: 0 auto 20px auto; }
    .hero-info .entry-title { font-size: 32px; }
    .manga-description-short { max-width: 100%; }
    .chapter-list-header { flex-direction: column; align-items: stretch; gap: 10px; }
    #chapter-search-input { width: 100%; }
}

/* -------------------------------------------------------------------------- */
/* Bölüm Listesi Meta Bilgileri (Görüntülenme, Yeni Etiketi)
/* -------------------------------------------------------------------------- */

.chapters-list.modern .chapter-meta {
    display: flex;
    align-items: center;
    gap: 15px; /* Tarih ve görüntülenme arası boşluk */
    padding-right: 15px;
    flex-shrink: 0; /* Ekran daraldığında küçülmesin */
}

.chapters-list.modern .chapter-date,
.chapters-list.modern .chapter-views {
    font-size: 14px; 
    color: var(--text-color-muted-light);
    transition: color 0.2s ease;
}

.chapters-list.modern .chapter-views {
    display: flex;
    align-items: center;
    gap: 5px; /* Göz ikonu ile sayı arası boşluk */
}

/* "Yeni" etiketi */
.new-chapter-badge {
    display: inline-block;
    background-color: #dc3545; /* Kırmızı renk */
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
    vertical-align: middle;
    line-height: 1;
}

/* Üzerine gelince meta bilgileri de beyaz olsun */
.chapters-list.modern li:hover .chapter-date,
.chapters-list.modern li:hover .chapter-views {
    color: #fff;
}

/* Eski chapter-date'in padding'ini sıfırlayalım */
.chapters-list.modern .chapter-date {
    padding-right: 0;
}

/* -------------------------------------------------------------------------- */
/* 11. Bölüm Okuma Sayfası Stilleri (single-chapter.php)
/* -------------------------------------------------------------------------- */

.manga-reader-container {
    max-width: 800px; /* Okuma genişliğini sınırlar, büyük ekranlarda daha rahat okunur */
    margin: 0 auto;
}

.reader-title {
    text-align: center;
    margin: 20px 0;
}

.chapter-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--card-background-color);
    border-radius: var(--border-radius);
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: var(--card-shadow);
}

.chapter-navigation.bottom {
    margin-top: 25px;
    margin-bottom: 25px;
}

.nav-button {
    padding: 10px 15px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    flex-grow: 1;
    margin: 0 5px;
    transition: background-color 0.2s ease;
}

.nav-button:hover {
    background-color: #005f8a;
    color: #fff;
}

body.dark-mode .nav-button:hover {
    background-color: #66d9ff;
}

.nav-button.disabled {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}

.manga-reader-images img {
    display: block;
    max-width: 100%;
    margin: 0 auto; /* Resimleri ortalar */
    margin-bottom: 5px; /* Resimler arasına çok az boşluk bırakır */
    background-color: #fff; /* Resimler yüklenene kadar beyaz bir arka plan */
}

/* -------------------------------------------------------------------------- */
/* 12. Kenar Çubuğu (Sidebar) Stilleri
/* -------------------------------------------------------------------------- */

.content-with-sidebar {
    display: grid;
    grid-template-columns: 1fr; /* Mobilde varsayılan olarak tek sütun */
    gap: 30px;
}

/* 992px'den geniş ekranlarda */
@media (min-width: 992px) {
    .content-with-sidebar {
        /* Ana içerik 3 pay, sidebar 1 pay alacak şekilde ayarla */
        grid-template-columns: 3fr 1fr; 
    }
}

.widget-area {
    background-color: var(--card-background-color);
    padding: 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    height: fit-content; /* İçeriği kadar yer kaplamasını sağlar */
}

.widget {
    margin-bottom: 25px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 10px;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li {
    margin-bottom: 10px;
}

.widget ul li a {
    font-weight: 600;
}

/* -------------------------------------------------------------------------- */
/* 13. Arşiv Sayfaları ve Ekstra Detay Stilleri
/* -------------------------------------------------------------------------- */

.archive-title {
    font-size: 24px;
    font-weight: 600;
}

.archive-description {
    margin-top: 10px;
    font-size: 15px;
    color: var(--light-text-color);
}

/* Manga detay sayfasındaki türler listesi linkleri */
.manga-meta-details .manga_genre a {
    text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* 14. Arama Sonuçları ve Sonuç Yok Sayfası
/* -------------------------------------------------------------------------- */

.search-title span {
    color: var(--primary-color);
    font-style: italic;
}

.no-results-content {
    background-color: var(--card-background-color);
    padding: 30px;
    border-radius: var(--border-radius);
    text-align: center;
}

.no-results-content .search-form {
    margin-top: 20px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------------------------------------------------- */
/* 15. 404 Hata Sayfası Stilleri
/* -------------------------------------------------------------------------- */

.error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60vh; /* Sayfanın en az %60'ını kaplamasını sağlar */
    background-color: var(--card-background-color);
    padding: 40px;
    border-radius: var(--border-radius);
}

.error-404-heading {
    font-size: 120px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    color: var(--primary-color);
    opacity: 0.5;
}

.error-404-subheading {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
}

.error-404-text {
    max-width: 500px;
    margin: 0 auto 25px auto;
    color: var(--light-text-color);
}

.go-home-button {
    display: inline-block;
    padding: 12px 25px;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
}

.go-home-button:hover {
    color: #fff;
    opacity: 0.9;
}

.error-404-search #kamyume-search-form {
    max-width: 300px;
    margin: 0 auto;
}

/* -------------------------------------------------------------------------- */
/* 17. WP-PageNavi (Sayfalama) Stilleri
/* -------------------------------------------------------------------------- */
.wp-pagenavi {
    margin-top: 30px;
    text-align: center;
    line-height: 1;
}
.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 3px;
    border-radius: var(--border-radius);
    background-color: var(--card-background-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    transition: all 0.2s ease;
}
.wp-pagenavi a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.wp-pagenavi span.current {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
}
.wp-pagenavi .pages {
    display: none; /* "Page 1 of 30" yazısını gizler */
}

/* -------------------------------------------------------------------------- */
/* 18. WP-PostRatings (Puanlama Sistemi) Stilleri
/* -------------------------------------------------------------------------- */
.manga-ratings {
    margin: 10px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
}
.post-ratings {
    display: flex;
    align-items: center;
}
.post-ratings .stars-rating-container {
    margin-right: 10px;
}

/* -------------------------------------------------------------------------- */
/* 19. (KMY) Manga Slider Widget Stilleri (SON BÖLÜMLER DAHİL FİNAL)
/* -------------------------------------------------------------------------- */
.manga-slider-widget.modern-slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    --slider-height: 400px; 
}

.manga-slider-widget.modern-slider .swiper {
    width: 100%;
    height: var(--slider-height);
}

.manga-slider-widget.modern-slider .swiper-slide {
    width: 100% !important;
    display: flex;
    align-items: center;
    background-color: var(--secondary-color-light);
    padding: 30px 40px;
}

body.dark-mode .manga-slider-widget.modern-slider .swiper-slide {
    background-color: var(--secondary-color-dark);
}

.manga-slider-widget.modern-slider .slide-content {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 40px;
}

.manga-slider-widget.modern-slider .content-left {
    flex: 1;
    display: flex;
    flex-direction: column; /* İçerikleri alt alta sırala */
}

.manga-slider-widget.modern-slider .manga-title a {
    color: var(--text-color);
    font-size: 28px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
}

.manga-slider-widget.modern-slider .manga-excerpt {
    color: var(--light-text-color);
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* YENİ: Slider içindeki son bölümler listesi */
.slider-latest-chapters {
    margin-top: 15px;
}
.slider-latest-chapters ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.slider-latest-chapters li a {
    display: inline-block;
    padding: 5px 12px;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-color);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.slider-latest-chapters li a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
body.dark-mode .slider-latest-chapters li a {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2);
}

.manga-slider-widget.modern-slider .button {
    display: inline-block;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: var(--border-radius);
    margin-top: 20px;
    font-weight: 600;
    align-self: flex-start; /* Butonun sola yaslanmasını sağlar */
}
.manga-slider-widget.modern-slider .button:hover {
    opacity: 0.9;
    color: #fff;
}

.manga-slider-widget.modern-slider .content-right {
    width: 300px;
    height: var(--slider-height);
    flex-shrink: 0;
}

.manga-slider-widget.modern-slider .content-right img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

.manga-slider-widget.modern-slider .swiper-button-next,
.manga-slider-widget.modern-slider .swiper-button-prev {
    color: var(--primary-color);
}

/* -------------------------------------------------------------------------- */
/* SLIDER MOBİL UYUM KODLARI (SON BÖLÜMLER DAHİL)
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .manga-slider-widget.modern-slider {
        --slider-height: auto; 
    }
    .manga-slider-widget.modern-slider .swiper-slide {
        padding: 20px;
    }
    .manga-slider-widget.modern-slider .slide-content {
        flex-direction: column-reverse; 
        gap: 20px;
    }
    .manga-slider-widget.modern-slider .content-right {
        width: 100%;
        height: auto; 
        max-width: 250px;
        aspect-ratio: 3 / 4; 
    }
    .manga-slider-widget.modern-slider .content-left {
        width: 100%;
        padding-right: 0;
        text-align: center;
        align-items: center; /* Buton ve etiketleri ortalar */
    }
    .manga-slider-widget.modern-slider .manga-title a {
        font-size: 22px;
    }
    .manga-slider-widget.modern-slider .manga-excerpt {
        font-size: 14px;
        -webkit-line-clamp: 2;
    }
    /* YENİ: Mobilde son bölüm etiketleri */
    .slider-latest-chapters ul {
        justify-content: center; /* Etiketleri ortala */
    }
    .manga-slider-widget.modern-slider .button {
        padding: 8px 16px;
        font-size: 14px;
    }
}


/* Okunan Bölüm Stili */
.chapters-list li a.read-chapter {
    
    border-left: 5px solid #8b5cf6; /* Mor çizgi ekler */
    color: #b0b0b0; /* Metin rengini biraz soluklaştırır */
    padding-left: 10px; /* Kenar çizgisi için boşluk */
}