.toggle-image-box {
    display: inline-block;
    cursor: pointer;
}

.toggle-image {
    max-width: 25px;
    width: auto;
    height: auto;
    display: block;
    transition: transform .25s ease;
}

.toggle-image:hover {
    transform: scale(1.05);
}

/* =========================
   HEADER (Flatsome)
========================= */
body.toggle-dark .header-wrapper,
body.toggle-dark .header-bg-container,
body.toggle-dark .header-main {
    background-color: #111826 !important;
}

/* =========================
   MAIN – TẤT CẢ CÁC TRANG
========================= */

/* Header */
body.toggle-dark .header-wrapper,
body.toggle-dark .header-bg-container,
body.toggle-dark .header-main {
    background-color: var(--Charcoal-Gray) !important;
}

/* Wrapper chung – TẤT CẢ TRANG */
body.toggle-dark .page-wrapper,
body.toggle-dark #main,
body.toggle-dark.single-product .product,
body.toggle-dark .page-title {
    background-color: var(--Charcoal-Gray) !important;
}

/* Trang chi tiết sản phẩm */
body.toggle-dark.single-product .product-page,
body.toggle-dark.single-product .product-main,
body.toggle-dark.single-product .product-info,
body.toggle-dark.single-product .product-summary,
body.toggle-dark.single-product .woocommerce-tabs,
body.toggle-dark.single-product .woocommerce-Tabs-panel {
    background-color: var(--Charcoal-Gray) !important;
}

/* Trang chi tiết bài viết */
body.toggle-dark.single-post .blog-wrapper,
body.toggle-dark.single-post .article-inner,
body.toggle-dark.single-post .entry-content,
body.toggle-dark .chi_tiet,
body.toggle-dark .off-canvas-left .mfp-content {
    background-color: var(--Charcoal-Gray) !important;
}

/* Heading khi dark mode */
body.toggle-dark h1,
body.toggle-dark h2,
body.toggle-dark h3,
body.toggle-dark .menu_con .ux-menu-link__link,
body.toggle-dark p,
body.toggle-dark .header:not(.transparent) .header-nav-main.nav > li > a,
body.toggle-dark .profile-info li,
body.toggle-dark .tab-btn.active,
body.toggle-dark .section-title span,
body.toggle-dark .contact-label,
body.toggle-dark .product-small.box .product-title a,
body.toggle-dark .product-small.box .location,
body.toggle-dark .product-small.box .location1,
body.toggle-dark .off-canvas:not(.off-canvas-center) .nav-vertical li>a,
body.toggle-dark .absolute-footer.dark,
body.toggle-dark.single-post .entry-content p,
body.toggle-dark.single-post .entry-content p span,
body.toggle-dark .filter-item label,
body.toggle-dark .custom-pagination .page-numbers,
body.toggle-dark .breadcrumbs,
body.toggle-dark ul {
    color: var(--color-white) !important;
}

body.toggle-dark .product-small.box .location_img img {
	filter: brightness(0) invert(1) !important;
}

body.toggle-dark .menu_con .ux-menu-link__link:hover,
body.toggle-dark .header:not(.transparent) .header-nav-main.nav > li.active > a,
body.toggle-dark .product-small.box:hover a, .product-small.box:hover .product-title a {
	color: var(--Rose-Red) !important;
}

/* Footer dark mode */
body.toggle-dark #footer,
body.toggle-dark #footer .section,
body.toggle-dark #footer .section-bg,
body.toggle-dark .faq .accordion-item,
body.toggle-dark .product-small.box,
body.toggle-dark .absolute-footer {
    background-color: var(--Dark-Slate) !important;
}

/* Transition mượt */
.header-wrapper,
.header-bg-container,
.header-main,
.page-wrapper,
#main,
.product-page,
.product-main,
.product-info,
.product-summary,
.woocommerce-tabs,
.woocommerce-Tabs-panel,
.blog-wrapper,
.article-inner,
.entry-content {
    transition: background-color .3s ease;
}