body.dark-mode {
    background: #000;
    color: #fff;
}

/* Theme Toggle Button */
.theme-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    margin-right: 10px;
    transition: transform 0.3s ease;
}

.theme-toggle:hover {
    transform: scale(1.1);
}

body.dark-mode .icon-moon {
    display: none;
}

body:not(.dark-mode) .icon-sun {
    display: none;
}

/* Dark Mode - Header */
body.dark-mode .v-header-wrapper {
    background-color: #1e1e1e;
}

body.dark-mode .wrapper-menu ul#menu-main>li>a,
body.dark-mode .wrapper-menu ul#menu-main>li.menu-item-has-children:after,
body.dark-mode h2.title-home>span,
body.dark-mode .wrapper-menu ul li ul.sub-menu>li>a {
    color: #000;
}

body.dark-mode .header-main-search form input {
    background-color: #ffffff;
    border-color: #444;
    color: #000000;
}

body.dark-mode span.icon-sun {
    color: #fff;
}

body.dark-mode .header-main-search form input::placeholder {
    color: #888;
}

body.dark-mode .header-main-account > a {
    color: #eaeaea;
}

/* Dark Mode - Sections */
body.dark-mode section.story-hot,
body.dark-mode section.story-update,
body.dark-mode .tax-story-box {
    background-color: #fff;
}

body.dark-mode h2.title-home {
    border-bottom-color: #444;
}

body.dark-mode .story-item a h3 {
    background-color: #000000cc;
}

/* Dark Mode - Single Story */
body.dark-mode .single-story-summary,
body.dark-mode .story-summary-sidebar-hot,
body.dark-mode .story-summary-sidebar-cate,
body.dark-mode .single-story-summary-bottom,
body.dark-mode .tax-story-sidebar-block,
body.dark-mode table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background-color: #fff;
    color: #000;
}

body.dark-mode h1.title-single-story {
    border-bottom-color: #444;
    color: #000;
}

body.dark-mode .story-summary-sidebar-hot ul li a,
body.dark-mode span.title-single-view > strong,
body.dark-mode .page-contact-inner,
body.dark-mode .filter-info,
body.dark-mode h2.title-tax-story>span,
body.dark-mode table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    color: #000;
}

body.dark-mode .story-summary-more-chapter {
    border-top-color: #444;
}

/* Dark Mode - Footer */
body.dark-mode footer#footer {
    background-color: #1e1e1e;
}

body.dark-mode h4.title-footer,
body.dark-mode .story-summary-more-chapter-action>a,
body.dark-mode h3.title-buy-truyen {
    color: #fff;
}

body.dark-mode .footer-area-inner > p {
    border-bottom-color: #444;
}

/* Dark Mode - Chapter */
body.dark-mode .content-single-chapter,
body.dark-mode .content-single-chapter p {
    color: #000;
}

body.dark-mode .single-chapter-wrapper > h1 {
    color: #000;
}

/* Dark Mode - Breadcrumb */
body.dark-mode nav.breadcrumb-story a,
body.dark-mode nav.breadcrumb-story span {
    color: #000;
}

/* Dark Mode - Forms & Inputs */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #2d2d2d;
    border-color: #444;
    color: #eaeaea;
}

/* Dark Mode - Links */
body.dark-mode a {
    color: #000;
}

body.dark-mode a:hover {
    color: var(--primary-color);
}

/* Transition for Dark Mode */
body,
body .v-header-wrapper,
body section.story-hot,
body section.story-update,
body .single-story-summary,
body footer#footer,
body a {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode ul#crumbs span.current, body.dark-mode ul#crumbs,
body.dark-mode form.woocommerce-EditAccountForm.edit-account {
    color: #000;
}

body.dark-mode .single-chapter-story-hot>h2 {
    border-color: #fff;
}

body.dark-mode .story-item-hot-content>h3>a,
body.dark-mode a.btn-next,
body.dark-mode .footer-block ul li a {
    color: #fff;
}

body.dark-mode .woocommerce-MyAccount-content p a {
    color: cornflowerblue;
}