/* Smooth theme transition */
body {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Dark mode: override bootstrap white background */
body.dark-mode {
    background-color: #1a1a1a !important;
    color: #e0e0e0;
}

/* Dark mode: fix headings */
body.dark-mode h1, body.dark-mode .h1,
body.dark-mode h2, body.dark-mode .h2,
body.dark-mode h3, body.dark-mode .h3,
body.dark-mode h4, body.dark-mode .h4,
body.dark-mode h5, body.dark-mode .h5,
body.dark-mode h6, body.dark-mode .h6,
body.dark-mode .item-title,
body.dark-mode .widget-title .heading {
    color: #e0e0e0 !important;
}

/* === DARK MODE only === */

/* --- Login / Register / Reset modal --- */
body.dark-mode .modal .modal-content .modal-body .login label,
body.dark-mode .modal .modal-content .modal-body .login p.message,
body.dark-mode .modal .modal-content .modal-body .login p.nav a,
body.dark-mode .modal .modal-content .modal-body .login h3 a,
body.dark-mode .modal .modal-content .modal-body .login .backtoblog a {
    color: #cccccc !important;
}
body.dark-mode .modal .modal-content .modal-body .login p.nav a:hover,
body.dark-mode .modal .modal-content .modal-body .login h3 a:hover,
body.dark-mode .modal .modal-content .modal-body .login .backtoblog a:hover {
    color: #ffffff !important;
}
body.dark-mode .modal .modal-content .modal-header .close {
    color: #aaaaaa !important;
}
body.dark-mode .modal .modal-content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}
body.dark-mode .modal .modal-content .modal-header {
    border-bottom-color: #2e2e2e !important;
}
body.dark-mode .modal .modal-content .modal-body .login input[type="text"],
body.dark-mode .modal .modal-content .modal-body .login input[type="email"],
body.dark-mode .modal .modal-content .modal-body .login input[type="url"],
body.dark-mode .modal .modal-content .modal-body .login input[type="password"],
body.dark-mode .modal .modal-content .modal-body .login input[type="search"] {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}
body.dark-mode .modal .modal-content .modal-body .login input[type="text"]::placeholder,
body.dark-mode .modal .modal-content .modal-body .login input[type="email"]::placeholder,
body.dark-mode .modal .modal-content .modal-body .login input[type="password"]::placeholder {
    color: #777777 !important;
}
body.dark-mode .modal .modal-content .modal-body .login input[type="text"]:focus,
body.dark-mode .modal .modal-content .modal-body .login input[type="email"]:focus,
body.dark-mode .modal .modal-content .modal-body .login input[type="password"]:focus {
    border-color: #5a5a5a !important;
}

/* --- User Settings page --- */
body.dark-mode .settings-page .nav-tabs-wrap ul.nav-tabs li a {
    background-color: #2a2a2a !important;
    color: #c8c8c8 !important;
}
body.dark-mode .settings-page .nav-tabs-wrap ul.nav-tabs li:not(.active):hover a {
    color: #eb3349 !important;
}
body.dark-mode .settings-page .tabs-content-wrap .tab-group-item .tab-item {
    border-bottom-color: #2e2e2e !important;
}
body.dark-mode .settings-page .tabs-content-wrap .tab-group-item .settings-heading {
    background-color: #2a2a2a !important;
}
body.dark-mode .settings-page .tabs-content-wrap .tab-group-item .settings-heading h3 {
    color: #e0e0e0 !important;
}
body.dark-mode table:not(#wp-calendar) > thead > tr > th {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode table:not(#wp-calendar) > tbody > tr td {
    border-color: #2e2e2e !important;
    color: #c8c8c8 !important;
}
body.dark-mode table:not(#wp-calendar) > tbody > tr:hover {
    background-color: #252525 !important;
}

/* --- Reverse order button --- */
body.dark-mode .c-blog__heading.style-2 a.btn-reverse-order i {
    color: #e0e0e0 !important;
}

/* --- Tags area (manga page) --- */
body.dark-mode .tags-area a {
    color: #c8c8c8 !important;
}
body.dark-mode .tags-area a:hover {
    color: #eb3349 !important;
}

/* --- Comment section --- */
body.dark-mode .comment-header,
body.dark-mode .comment-header .comment-count,
body.dark-mode .comment-header .sort span,
body.dark-mode .comment-header .sort .sort-by {
    color: #e0e0e0 !important;
    background-color: #222222 !important;
}
body.dark-mode .dropdown-sort-content,
body.dark-mode .dropdown-content {
    background-color: #222222 !important;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5) !important;
}
body.dark-mode .dropdown-sort-content button,
body.dark-mode .dropdown-content button {
    color: #e0e0e0 !important;
    background: none !important;
}
body.dark-mode .dropdown-sort-content button:hover,
body.dark-mode .dropdown-content button:hover {
    background: #2e2e2e !important;
}

body.dark-mode.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
    background-color: rgba(26, 26, 26, 0.85) !important;
}

body.dark-mode.manga-page .summary__content.show-more:after,
body.dark-mode .summary__content.show-more:after {
    background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a);
    background: linear-gradient(to bottom, rgba(26, 26, 26, 0), #1a1a1a);
}

body.dark-mode .popular-slider .slider__container .slider__item .item__wrap {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

body.dark-mode .popular-slider .slider__container .slider__item .slider__content {
    color: #e0e0e0 !important;
}

body.dark-mode .popular-slider .slider__container .slider__item .slider__content a {
    color: #ffffff !important;
}

body.dark-mode .popular-slider .slider__container .slider__item .slider__content .post-on,
body.dark-mode .popular-slider .slider__container .slider__item .slider__content .font-meta {
    color: #aaaaaa !important;
}

/* chapter list header */
body.dark-mode .title-list-chapter span {
    color: #e0e0e0;
}

/* genre sub-nav bar */
body.dark-mode .site-header .c-sub-header-nav {
    background-color: #1a1a1a !important;
}
body.dark-mode .site-header .c-sub-header-nav.with-border {
    border-bottom-color: #262626 !important;
}
body.dark-mode .site-header .c-sub-header-nav .sub-nav_list a,
body.dark-mode .site-header .c-sub-header-nav .sub-nav_list li {
    color: #e0e0e0;
}

/* bg-search banner image */
body.dark-mode div.profile-manga.summary-layout-1,
body.dark-mode div.c-breadcrumb-wrapper,
body.dark-mode div.profile-manga,
body.dark-mode div.c-search-header__wrapper {
    background-image: none !important;
    /* background-color: #0f0f0f; */
}


body.dark-mode .widget.c-popular .style-1 .popular-item-wrap .popular-content .widget-title a {
    color: #e0e0e0;
}

body.dark-mode .related-reading-wrap .related-reading-content .widget-title a {
    color: #e0e0e0;
}

/* =====================================================
   DARK MODE — COMPREHENSIVE UI IMPROVEMENTS
   ===================================================== */

/* --- Smooth transition on all elements --- */
body.dark-mode *,
body.dark-mode *::before,
body.dark-mode *::after {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* --- General text & links --- */
body.dark-mode a:not([class]) {
    color: #c0b3f5;
}
body.dark-mode a:not([class]):hover {
    color: #ffffff;
}

/* --- Widget borders --- */
body.dark-mode .widget:not(.default):not(.background) > .c-widget-wrap {
    border-color: #2e2e2e !important;
}
body.dark-mode .widget.background > .c-widget-wrap {
    background-color: #222222 !important;
}
body.dark-mode .widget.c-popular .popular-item-wrap {
    border-color: #2e2e2e !important;
}

/* --- Page listing items --- */
body.dark-mode .page-content-listing .page-listing-item,
body.dark-mode .page-content-listing.item-simple .page-listing-item .page-item-detail {
    border-color: #2e2e2e !important;
}
body.dark-mode .page-item-detail .item-summary .post-title a,
body.dark-mode .page-item-detail .item-summary .list-chapter .chapter-item a {
    color: #e0e0e0;
}
body.dark-mode .page-item-detail .item-summary .post-title a:hover,
body.dark-mode .page-item-detail .item-summary .list-chapter .chapter-item a:hover {
    color: #ffffff;
}
body.dark-mode .page-item-detail .item-summary .rating .score,
body.dark-mode .page-item-detail .item-summary .font-meta {
    color: #aaaaaa;
}

/* --- Chapter list (manga page) --- */
body.dark-mode .listing-chapters_wrap > ul.main.version-chap li:after {
    background-color: #2e2e2e !important;
}
body.dark-mode .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a {
    color: #c8c8c8;
}
body.dark-mode .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a:hover {
    color: #ffffff;
}
body.dark-mode .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a:visited {
    color: #777777;
}
body.dark-mode .listing-chapters_wrap > ul.main.version-chap li .chapter-release-date {
    color: #888888;
}
body.dark-mode .listing-chapters_wrap.show-more .version-chap:after {
    background: linear-gradient(to bottom, rgba(26,26,26,0), #1a1a1a) !important;
}

/* --- Bootstrap pagination (justify-content-center m-0 flex-wrap) --- */
body.dark-mode .pagination .page-item.info {
    background-color: #2a2a2a !important;
    color: #aaaaaa !important;
}
body.dark-mode .pagination .page-link.custom {
    background-color: #2a2a2a !important;
    color: #c8c8c8 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode .pagination .page-link.function {
    background-color: #2a2a2a !important;
    color: #c8c8c8 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode .pagination .page-item.active .page-link.custom {
    background-color: #eb3349 !important;
    border-color: #eb3349 !important;
    color: #ffffff !important;
}
body.dark-mode .pagination .page-link.custom:hover,
body.dark-mode .pagination .page-link.function:hover {
    background-color: #eb3349 !important;
    color: #ffffff !important;
    border-color: #eb3349 !important;
}

/* --- wp-pagenavi Pagination --- */
body.dark-mode .wp-pagenavi {
    color: #aaaaaa !important;
}
body.dark-mode .wp-pagenavi span,
body.dark-mode .wp-pagenavi a.nextpostslink,
body.dark-mode .wp-pagenavi a.previouspostslink {
    background-color: #2a2a2a !important;
    color: #aaaaaa !important;
}
body.dark-mode .wp-pagenavi a,
body.dark-mode .wp-pagenavi a:not(:hover) {
    color: #c8c8c8 !important;
}
body.dark-mode .wp-pagenavi .current {
    color: #ffffff !important;
    background-color: #333333 !important;
}
body.dark-mode .wp-pagenavi a:hover {
    background-color: #eb3349 !important;
    color: #ffffff !important;
}

/* --- Tabs (search page) --- */
body.dark-mode .tab-content-wrap .c-tabs-item .c-tabs-item__content {
    background-color: #1e1e1e;
}
body.dark-mode .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary {
    background-color: #1e1e1e;
}

/* --- Search page: post-content info block --- */
body.dark-mode.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content {
    background-color: #252525 !important;
}
body.dark-mode.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content .post-content_item .summary-heading h5 {
    color: #aaaaaa !important;
}
body.dark-mode.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content .post-content_item .summary-content,
body.dark-mode.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content .post-content_item .summary-content:not(.release-year) a {
    color: #c8c8c8 !important;
}
body.dark-mode.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content .post-content_item .summary-content:not(.release-year) a:hover {
    color: #eb3349 !important;
}

/* --- Form inputs --- */
body.dark-mode input[type="text"],
body.dark-mode input[type="search"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode textarea,
body.dark-mode select {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode input[type="text"]::placeholder,
body.dark-mode input[type="search"]::placeholder,
body.dark-mode textarea::placeholder {
    color: #777777 !important;
}
body.dark-mode input[type="text"]:focus,
body.dark-mode input[type="search"]:focus,
body.dark-mode textarea:focus {
    border-color: #5a5a5a !important;
    outline: none;
}

/* --- Sidebar search input --- */
body.dark-mode #main-sidebar .search-main-menu form input[type="text"],
body.dark-mode #main-sidebar .widget.widget_search input[type="search"] {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

/* --- Tags --- */
body.dark-mode .item-tags ul li a {
    color: #c8c8c8 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode .item-tags ul li a:hover {
    color: #ffffff !important;
}


/* --- Custom scrollbar --- */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body.dark-mode ::-webkit-scrollbar-track {
    background: #1a1a1a;
}
body.dark-mode ::-webkit-scrollbar-thumb {
    background: #3a3a3a;
    border-radius: 4px;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

/* --- Hover info popup (#hover-infor) --- */
body.dark-mode #hover-infor {
    background-color: #222222 !important;
    color: #e0e0e0;
    border: 1px solid #333333;
}

/* --- Autocomplete dropdown --- */
body.dark-mode .manga-autocomplete.ui-autocomplete,
body.dark-mode #main-sidebar .search-navigation__wrap ul .manga-autocomplete.ui-autocomplete {
    background-color: #222222 !important;
    border-color: #333333 !important;
    box-shadow: 1px 1px 3px #000000;
}
body.dark-mode .manga-autocomplete.ui-autocomplete > li,
body.dark-mode #main-sidebar .search-navigation__wrap ul .manga-autocomplete.ui-autocomplete > li {
    border-bottom-color: #333333 !important;
    color: #e0e0e0;
}
body.dark-mode .manga-autocomplete.ui-autocomplete > li:hover {
    background-color: #2e2e2e !important;
}

/* --- Search field (search page) --- */
body.dark-mode .search-content .search-form .search-field {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}

/* --- Select dropdown options --- */
body.dark-mode select option {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}

/* --- Sidebar bottom border --- */
body.dark-mode .c-sidebar.c-bottom-sidebar {
    border-top-color: #2e2e2e !important;
}

/* --- Tag cloud --- */
body.dark-mode .widget.background.widget_tag_cloud .tag-cloud-link {
    background-color: #2a2a2a !important;
    color: #c8c8c8 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode .widget.background.widget_tag_cloud .tag-cloud-link:hover {
    background-color: #eb3349 !important;
    color: #ffffff !important;
}

/* --- Manga page: summary image wrapper --- */
body.dark-mode.manga-page .profile-manga .tab-summary .summary_image {
    background: #222222 !important;
}

/* --- Slider style-2 fade edges --- */
body.dark-mode .popular-slider.style-2 .slider__container .slick-list:before,
body.dark-mode .popular-slider.style-2 .slider__container .slick-list:after {
    background: #1a1a1a !important;
}

/* --- manga-slider style-2 thumb border --- */
body.dark-mode .manga-slider.style-2 .slider__container .slick-list .slick-track .slider__item .slider__thumb {
    background-color: #222222 !important;
}

/* --- Reading page: chapter select dropdown --- */
body.dark-mode.reading-manga .entry-header .c-selectpicker select.selectpicker option,
body.dark-mode.reading-manga .c-select-bottom .c-selectpicker select.selectpicker option {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}

/* --- Sub-menu dropdown (genre mega-menu) --- */
/* Full-width genre dropdown */
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu {
    background-color: #1e1e1e !important;
    border-top-color: #2e2e2e !important;
    border-bottom-color: #eb3349 !important;
}
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu > li > a,
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu a {
    color: #e0e0e0 !important;
}
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu > li > a:hover,
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu a:hover {
    color: #eb3349 !important;
}

/* Nested sub-menu (secondary dropdown) */
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu a {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu li {
    border-bottom-color: #2e2e2e !important;
}
body.dark-mode .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu li:hover > a {
    background-color: #2a2a2a !important;
}

/* Main-navigation sub-menu (desktop header) */
body.dark-mode .main-navigation .main-menu ul ul.sub-menu,
body.dark-mode .main-navigation .main-menu ul ul.children {
    background-color: #1e1e1e !important;
}
body.dark-mode .main-navigation .main-menu ul ul.sub-menu > li,
body.dark-mode .main-navigation .main-menu ul ul.children > li {
    border-bottom-color: #2e2e2e !important;
}
body.dark-mode .main-navigation .main-menu ul ul.sub-menu a,
body.dark-mode .main-navigation .main-menu ul ul.children a {
    color: #e0e0e0 !important;
}
body.dark-mode .main-navigation .main-menu ul ul.sub-menu a:hover,
body.dark-mode .main-navigation .main-menu ul ul.children a:hover {
    color: #eb3349 !important;
}

/* --- Static pages: contact-us, introduction, privacy-policy --- */
/* Main content text */
body.dark-mode .c-blog-post .entry-content,
body.dark-mode .c-blog-post .entry-content p,
body.dark-mode .c-blog-post .entry-content li,
body.dark-mode .c-blog-post .c-content,
body.dark-mode .c-blog-post .c-content p,
body.dark-mode .c-blog-post .c-content li,
body.dark-mode .c-blog-post .entry-content_wrap p {
    color: #e0e0e0 !important;
}

/* Entry meta: "posted on" label and date link */
body.dark-mode .c-blog-post .entry-header .entry-meta .post-on .font-meta,
body.dark-mode .c-blog-post .entry-header .entry-meta .post-on .posted-on a,
body.dark-mode .c-blog-post .entry-header .entry-meta .post-on .c-blog__date .post-category a:not(:hover) {
    color: #aaaaaa !important;
}
body.dark-mode .c-blog-post .entry-header .entry-meta .post-on .posted-on a:hover,
body.dark-mode .c-blog-post .entry-header .entry-meta .post-on .c-blog__date .post-category a:hover {
    color: #ffffff !important;
}

/* Links inside static page content */
body.dark-mode .c-blog-post .c-content a,
body.dark-mode .c-blog-post .entry-content_wrap a {
    color: #c0b3f5 !important;
}
body.dark-mode .c-blog-post .c-content a:hover,
body.dark-mode .c-blog-post .entry-content_wrap a:hover {
    color: #ffffff !important;
}