/*
Theme Name: Madara-Child
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 1.0.4
*/

/* ==========================================================================
   Karanlık Mod (Dark Mode) Giriş / Kayıt / Şifre Pencereleri
   ========================================================================== */

/* Modal ana gövdesi koyu renk ve gölgelendirme */
body.text-ui-light.modal-open .modal .modal-content {
    background-color: #1a1e29 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Kapatma (X) butonu rengi */
body.text-ui-light.modal-open .modal .modal-content .modal-header .close {
    color: #ffffff !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
}

body.text-ui-light.modal-open .modal .modal-content .modal-header .close:hover {
    opacity: 1 !important;
}

/* Modal başlıkları (Giriş Yap / Üye Ol / Şifre Sıfırla) */
body.text-ui-light.modal-open .modal .modal-content .modal-body .login h3 a,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login h3 {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-bottom: 2px solid #0066bf !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}

/* Form etiketleri (Kullanıcı Adı, Parola vb.) */
body.text-ui-light.modal-open .modal .modal-content .modal-body .login label {
    color: #e2e8f0 !important;
    font-weight: 500 !important;
}

/* Form girdi alanları (Input boxes) */
body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="text"],
body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="password"],
body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="email"] {
    background-color: #0f121d !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="text"]:focus,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="password"]:focus,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login input[type="email"]:focus {
    border-color: #0066bf !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 191, 0.4) !important;
    background-color: #141827 !important;
}

/* Gönder butonu (Giriş Yap / Kayıt Ol) */
body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit,
body.modal-open .modal .modal-content .modal-body .login input[type="submit"] {
    background-color: #0066bf !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit:hover,
body.modal-open .modal .modal-content .modal-body .login input[type="submit"]:hover {
    background-color: #005299 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Alt kısımdaki yönlendirme linkleri ve Beni Hatırla metni */
body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.nav a,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.nav,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.backtoblog a,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.backtoblog,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login .forgetmenot label {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}

body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.nav a:hover,
body.text-ui-light.modal-open .modal .modal-content .modal-body .login p.backtoblog a:hover {
    color: #0066bf !important;
    text-decoration: none !important;
}

/* Beni Hatırla onay kutusu yerleşimi */
body.modal-open .modal .modal-content .modal-body .login .forgetmenot input[type="checkbox"] {
    margin-right: 8px !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   Aydınlık Mod (Light Mode) Giriş / Kayıt / Şifre Pencereleri
   ========================================================================== */

body.text-ui-dark.modal-open .modal .modal-content {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-header .close {
    color: #1e293b !important;
    opacity: 0.6 !important;
    text-shadow: none !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-header .close:hover {
    opacity: 1 !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login h3 a,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login h3 {
    color: #1e293b !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-bottom: 2px solid #0066bf !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login label {
    color: #475569 !important;
    font-weight: 500 !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="text"],
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="password"],
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="email"] {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="text"]:focus,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="password"]:focus,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login input[type="email"]:focus {
    border-color: #0066bf !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 191, 0.2) !important;
    background-color: #ffffff !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.nav a,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.nav,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.backtoblog a,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.backtoblog,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login .forgetmenot label {
    color: #475569 !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}

body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.nav a:hover,
body.text-ui-dark.modal-open .modal .modal-content .modal-body .login p.backtoblog a:hover {
    color: #0066bf !important;
    text-decoration: none !important;
}

/* ==========================================================================
   Tarih / Zaman Kontrast ve Okunabilirlik Düzenlemeleri
   ========================================================================== */

/* Genel liste ve slider'lardaki tarihlerin okunabilirliğini artır */
body.text-ui-light .post-on,
body.text-ui-light .post-on span,
body.text-ui-light .post-on a,
body.text-ui-light .chapter-release-date,
body.text-ui-light .chapter-release-date a {
    color: #cbd5e1 !important; /* Koyu temada açık gri/beyazımsı renk */
}

body.text-ui-dark .post-on,
body.text-ui-dark .post-on span,
body.text-ui-dark .post-on a,
body.text-ui-dark .chapter-release-date,
body.text-ui-dark .chapter-release-date a {
    color: #475569 !important; /* Açık temada koyu gri renk */
}

/* ==========================================================================
   Menü Elemanlarını Ortalama Düzenlemeleri
   ========================================================================== */

@media (min-width: 992px) {
    /* Menü linklerini ortala */
    .site-header .main-navigation .main-menu ul.main-navbar {
        text-align: center !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
    .site-header .main-navigation .main-menu ul.main-navbar > li {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
}

/* ==========================================================================
   Sosyal Medya Butonları Kontrast Düzenlemeleri
   ========================================================================== */

.site-footer .top-footer .wrap_social_account ul.social_account__item li a {
    background-color: #0066bf !important;
    color: #ffffff !important;
}

.site-footer .top-footer .wrap_social_account ul.social_account__item li:hover a {
    background-color: #005299 !important;
}

/* ==========================================================================
   Aydınlık Tema Pastel Mavi ve Kontrast Düzenlemeleri
   ========================================================================= */

/* Genel arka planı pastel mavi gradyan yap (sunucunun logosundaki #d6effd rengine göre) */
body.text-ui-dark {
    background: linear-gradient(135deg, #f4faff 0%, #d6effd 100%) !important;
    background-attachment: fixed !important;
}

/* İçerik alanlarını şeffaf yaparak gradyanın görünmesini sağla */
body.text-ui-dark .site-content,
body.text-ui-dark .c-page-content,
body.text-ui-dark .c-page,
body.text-ui-dark .main-col-inner,
body.text-ui-dark .sidebar-col,
body.text-ui-dark .body-wrap {
    background-color: transparent !important;
    background: transparent !important;
}

/* Aydınlık modda üst/alt/genel sidebarların (en çok okunanlar çevresi vb.) siyah kalmasını engelle */
body.text-ui-dark .c-sidebar,
body.text-ui-dark .c-sidebar.c-top-sidebar,
body.text-ui-dark .c-sidebar.c-bottom-sidebar {
    background-color: transparent !important;
}

/* En çok okunanlar (popular slider) ve diğer arka planlı bileşenlerin siyah kalmasını engelle */
body.text-ui-dark .widget.background > .c-widget-wrap,
body.text-ui-dark .widget.background .widget__inner,
body.text-ui-dark .widget.background {
    background-color: rgba(255, 255, 255, 0.75) !important; /* Yarı saydam beyaz */
    border: 1px solid rgba(0, 102, 191, 0.1) !important; /* İnce tema mavisi sınır */
    box-shadow: 0 4px 15px rgba(0, 102, 191, 0.05) !important;
}

/* En çok okunanlardaki kartların arka planı ve yazıları */
body.text-ui-dark .popular-slider .slider__container .slider__item .item__wrap {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 102, 191, 0.1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

body.text-ui-dark .popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-title h4 a {
    color: #1e293b !important;
}

body.text-ui-dark .widget.background h4,
body.text-ui-dark .widget.background h5,
body.text-ui-dark .widget.background h3,
body.text-ui-dark .widget.background .widget-title,
body.text-ui-dark .widget.background .widget-title a {
    color: #1e293b !important;
}

/* Aydınlık modda başlıkların ve genel linklerin rengini koyulaştır (Okunabilirlik için) */
body.text-ui-dark .post-title a,
body.text-ui-dark .post-title h3 a,
body.text-ui-dark .post-title h4 a,
body.text-ui-dark .post-title h5 a,
body.text-ui-dark .manga-name a,
body.text-ui-dark .item-title a {
    color: #0f172a !important; /* maximum contrast */
}

/* Aydınlık modda yazarlar, gruplar ve diğer meta verilerin rengini koyulaştır */
body.text-ui-dark .author-data a,
body.text-ui-dark .manga-metadata a,
body.text-ui-dark .author-data,
body.text-ui-dark .manga-metadata,
body.text-ui-dark .artist-data a,
body.text-ui-dark .artist-data,
body.text-ui-dark .vol a,
body.text-ui-dark .vol span,
body.text-ui-dark .author a,
body.text-ui-dark .author,
body.text-ui-dark .genres-data a,
body.text-ui-dark .summary-content,
body.text-ui-dark .summary-content a,
body.text-ui-dark .rating-meta,
body.text-ui-dark .rating-meta span {
    color: #0f172a !important; /* Very dark slate for excellent readability */
}

/* Bölüm yayın tarihleri ve font metalarını gri/koyu slate yap */
body.text-ui-dark .post-on,
body.text-ui-dark .post-on a,
body.text-ui-dark .post-on span,
body.text-ui-dark .chapter-release-date,
body.text-ui-dark .chapter-release-date a,
body.text-ui-dark .font-meta,
body.text-ui-dark .meta-item,
body.text-ui-dark .meta-item span {
    color: #475569 !important; /* slate-600 */
}

/* Aydınlık modda bölüm butonlarının (chapter-item) arka plan ve yazı rengi (Kontrast düzenlemesi) */
body.text-ui-dark .chapter-item .chapter,
body.text-ui-dark .list-chapter .chapter-item .chapter,
body.text-ui-dark .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter,
body.text-ui-dark .settings-page .list-chapter .chapter-item .chapter,
body.text-ui-dark .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    padding: 4px 10px !important;
    transition: all 0.2s ease !important;
}

body.text-ui-dark .chapter-item .chapter a,
body.text-ui-dark .list-chapter .chapter-item .chapter a,
body.text-ui-dark .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter a,
body.text-ui-dark .settings-page .list-chapter .chapter-item .chapter a,
body.text-ui-dark .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter a,
body.text-ui-dark .chapter-item a,
body.text-ui-dark .chapter-item a.btn-link {
    color: #0f172a !important; /* Maximum legibility */
    font-weight: 600 !important;
}

/* Chapter butonu Hover Durumları */
body.text-ui-dark .chapter-item .chapter:hover,
body.text-ui-dark .list-chapter .chapter-item .chapter:hover,
body.text-ui-dark .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter:hover,
body.text-ui-dark .settings-page .list-chapter .chapter-item .chapter:hover,
body.text-ui-dark .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter:hover {
    background-color: #0066bf !important;
    border-color: #0066bf !important;
}

body.text-ui-dark .chapter-item .chapter:hover a,
body.text-ui-dark .list-chapter .chapter-item .chapter:hover a,
body.text-ui-dark .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter:hover a,
body.text-ui-dark .settings-page .list-chapter .chapter-item .chapter:hover a,
body.text-ui-dark .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter:hover a,
body.text-ui-dark .chapter-item a:hover,
body.text-ui-dark .chapter-item a.btn-link:hover {
    color: #ffffff !important;
}

/* Yan sütun (sidebar) bileşenlerinin aydınlık görünümü */
body.text-ui-dark .widget {
    background-color: rgba(255, 255, 255, 0.6) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    border: 1px solid rgba(0, 102, 191, 0.08) !important;
}

body.text-ui-dark .widget .widget-title,
body.text-ui-dark .widget .widget-title h4 {
    color: #0066bf !important;
    border-bottom: 2px solid #0066bf !important;
    padding-bottom: 8px !important;
}

/* Aydınlık modda alt bilgi (footer) alanının koyu renk kalmasını engelle */
body.text-ui-dark .site-footer {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border-top: 1px solid rgba(0, 102, 191, 0.1) !important;
    border-bottom: none !important;
}