/* ===============================
   MOBILE DARK MODE BOX – PREMIUM
=============================== */

.fuzy-dark-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 18px;
    padding: 16px 16px;

    border-radius: 14px;
    transition: all .25s ease;
}

/* LIGHT MODE BOX */
html[data-theme="light"] .fuzy-dark-row {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
}

/* DARK MODE BOX */
html[data-theme="dark"] .fuzy-dark-row {
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.08);
}

/* TEXT */
.fuzy-dark-row span {
    font-weight: 600;
    font-size: 15px;
}

html[data-theme="light"] .fuzy-dark-row span {
    color: #111827;
}

html[data-theme="dark"] .fuzy-dark-row span {
    color: #e5e7eb;
}

/* ===============================
   SWITCH BASE
=============================== */

.fuzy-dark-switch {
    width: 46px;
    height: 26px;
    border-radius: 999px;
    border: none;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background .25s ease, box-shadow .25s ease;
}

/* LIGHT MODE (OFF) */
html[data-theme="light"] .fuzy-dark-switch {
    background: #d1d5db;
}

/* DARK MODE (ON) */
html[data-theme="dark"] .fuzy-dark-switch {
    background: linear-gradient(135deg,#6366f1,#8b5cf6);
}

/* ===============================
   SWITCH CIRCLE
=============================== */

.fuzy-switch-circle {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    transition: transform .25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* MOVE RIGHT WHEN DARK */
html[data-theme="dark"] .fuzy-switch-circle {
    transform: translateX(20px);
}

/* CLICK EFFECT */
.fuzy-dark-switch:active .fuzy-switch-circle {
    transform: scale(0.92);
}

/* ===============================
   DESKTOP THEME TOGGLE
=============================== */

.fuzy-theme-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
}

.fuzy-theme-icon {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    transition: transform .25s ease, opacity .2s ease;
}

/* màu theo theme */
html[data-theme="dark"] .fuzy-theme-toggle {
    color: #f9fafb;
}

html[data-theme="light"] .fuzy-theme-toggle {
    color: #111827;
}

/* hover nhẹ */
.fuzy-theme-toggle:hover .fuzy-theme-icon {
    transform: rotate(15deg);
}


/* =====================================
   DARK MODE GLOBAL COLORS
===================================== */

:root[data-theme="dark"] {
    background-color: #0b0f19;
    color: #e5e7eb;
}

:root[data-theme="dark"] body {
    background: #0b0f19;
}

:root[data-theme="dark"] header,
:root[data-theme="dark"] .fuzy-card {
    background: #111827;
    color: #e5e7eb;
}

:root[data-theme="dark"] a {
    color: #93c5fd;
}


/* =====================================
   ANIMATIONS
===================================== */

@keyframes fuzy-fade-in {
    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* =====================================
   DARK MODE – GAME / APP CARD FIX
===================================== */

:root[data-theme="dark"] .fuzy-app-card-inner,
:root[data-theme="dark"] .fuzy-news-card,
:root[data-theme="dark"] .ftm-card,
:root[data-theme="dark"] .fuzy-app-new-banner,
:root[data-theme="dark"] .fuzy-app-download-bar,
:root[data-theme="dark"] .fuzy-single-spec,
:root[data-theme="dark"] .fuzy-version-card {
    background: #111827 !important;
    /* nền tối */
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4) !important;
}

/* Title */
:root[data-theme="dark"] .fuzy-app-title,
:root[data-theme="dark"] .ftm-title,
:root[data-theme="dark"] .fuzy-news-title {
    color: #f9fafb !important;
}

/* Meta / sub text */
:root[data-theme="dark"] .fuzy-app-meta,
:root[data-theme="dark"] .ftm-meta,
:root[data-theme="dark"] .ftm-spec,
:root[data-theme="dark"] .fuzy-single-sub {
    color: #9ca3af !important;
}

:root[data-theme="dark"] .fuzy-tag-apk {
    background: rgba(255, 255, 255, .12) !important;
    color: #e5e7eb !important;
}


:root[data-theme="dark"] .fuzy-tag-ipa {
    background: rgba(255, 255, 255, .12) !important;
    color: #e5e7eb !important;
}


:root[data-theme="dark"] .ftm-badge-apk {
    background: rgba(255, 255, 255, .12) !important;
    color: #e5e7eb !important;
}

:root[data-theme="dark"] .fuzy-app-new-overlay {
    background: linear-gradient(to top,
            rgba(0, 0, 0, .85),
            rgba(0, 0, 0, .55),
            rgba(0, 0, 0, .15));
}

/* =====================================
   DARK MODE – HEADER FIX
===================================== */

:root[data-theme="dark"] .fuzy-header {
    background: #0b1220 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

/* Logo */
:root[data-theme="dark"] .fuzy-logo a {
    color: #e5e7eb !important;
}

/* Menu chữ */
:root[data-theme="dark"] .fuzy-nav .fuzy-menu>li>a {
    color: #e5e7eb !important;
}

/* Icon header (search, menu, lang) */
:root[data-theme="dark"] .fuzy-header svg,
:root[data-theme="dark"] .fuzy-header svg * {
    stroke: #e5e7eb !important;
    fill: none !important;
}

/* Nút search */
:root[data-theme="dark"] .fuzy-search {
    background: #111827 !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

:root[data-theme="dark"] .fuzy-search input {
    color: #f9fafb !important;
}

:root[data-theme="dark"] .fuzy-search input::placeholder {
    color: #9ca3af !important;
}

/* =====================================
   DARK MODE – HERO SECTION
===================================== */

:root[data-theme="dark"] .fuzy-hero {
    background: #0b0f19 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .fuzy-hero-inner h1 {
    color: #f9fafb !important;
}

:root[data-theme="dark"] .fuzy-hero-inner p {
    color: #9ca3af !important;
}

/* =====================================
   DARK MODE – CATEGORY BUTTONS
===================================== */

:root[data-theme="dark"] .fuzy-cat-btn {
    background: #1f2937 !important;
    color: #cbd5f5 !important;
}

:root[data-theme="dark"] .fuzy-cat-btn-all {
    background: #1f2937 !important;
    color: #cbd5f5 !important;
}

/* =====================================
   DARK MODE – MOBILE ICON FIX
===================================== */

:root[data-theme="dark"] .fuzy-mobile-icons svg {
    stroke: #e5e7eb !important;
}

:root[data-theme="dark"] .fuzy-mobile-icons button {
    background: transparent !important;
}

/* =====================================
   DARK MODE – FOOTER FIX
===================================== */

:root[data-theme="dark"] footer,
:root[data-theme="dark"] .fuzy-footer {
    background: #0b0f19 !important;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

/* Footer heading */
:root[data-theme="dark"] footer h4,
:root[data-theme="dark"] .fuzy-footer h4 {
    color: #f9fafb !important;
}

/* Footer text */
:root[data-theme="dark"] footer p,
:root[data-theme="dark"] .fuzy-footer p {
    color: #9ca3af !important;
}

/* Footer link */
:root[data-theme="dark"] footer a,
:root[data-theme="dark"] .fuzy-footer a {
    color: #c7d2fe !important;
}

:root[data-theme="dark"] footer a:hover {
    color: #a5b4fc !important;
}

/* =====================================
   DARK MODE – SECTION TITLES
===================================== */

:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] .fuzy-section-title,
:root[data-theme="dark"] .fuzy-section-header h2,
:root[data-theme="dark"] .fuzy-section-header h3 {
    color: #f9fafb !important;
}

/* =====================================
   DARK MODE – SUB TEXT
===================================== */

:root[data-theme="dark"] .fuzy-section-desc,
:root[data-theme="dark"] .fuzy-hero-inner p,
:root[data-theme="dark"] .fuzy-footer-note,
:root[data-theme="dark"] .fuzy-about-text {
    color: #9ca3af !important;
}

/* =====================================
   DARK MODE – WHITE SECTION OVERRIDE
===================================== */

:root[data-theme="dark"] .fuzy-section,
:root[data-theme="dark"] .fuzy-main,
:root[data-theme="dark"] .fuzy-content {
    background: #0b0f19 !important;
}

/* =====================================
   DARK MODE – FOOTER TEXT FIX
===================================== */

:root[data-theme="dark"] .fuzy-footer,
:root[data-theme="dark"] footer {
    background: #0b0f19 !important;
}

:root[data-theme="dark"] .footer-copy,
:root[data-theme="dark"] .footer-rights,
:root[data-theme="dark"] .footer-sep {
    color: #9ca3af !important;
}

/* DARK MODE – VERIFIED ICON */
:root[data-theme="dark"] .verified-icon svg path {
    fill: #9ca3af !important;
}

/* =====================================
   DARK MODE – HORSE SECTION FIX
===================================== */

:root[data-theme="dark"] .fuzy-horse-text,
:root[data-theme="dark"] .fuzy-horse-text strong,
:root[data-theme="dark"] .fuzy-horse-thanks {
    color: #9ca3af !important;
}

/* FOOTER HEADINGS */
:root[data-theme="dark"] footer h4,
:root[data-theme="dark"] footer h3 {
    color: #f9fafb !important;
}

/* FOOTER LINKS */
:root[data-theme="dark"] footer a {
    color: #c7d2fe !important;
}

:root[data-theme="dark"] footer a:hover {
    color: #a5b4fc !important;
}

/* =====================================
   DARK MODE – FOOTER HARD OVERRIDE
===================================== */

:root[data-theme="dark"] footer,
:root[data-theme="dark"] .fuzy-footer,
:root[data-theme="dark"] .fuzy-footer * {
    background-color: transparent !important;
    color: #9ca3af !important;
}

/* FOOTER HEADINGS – FORCE WHITE */
:root[data-theme="dark"] .fuzy-footer h3,
:root[data-theme="dark"] .fuzy-footer h4,
:root[data-theme="dark"] .fuzy-footer strong {
    color: #f9fafb !important;
}

:root[data-theme="dark"] .fuzy-footer a {
    color: #c7d2fe !important;
}

:root[data-theme="dark"] .fuzy-footer a:hover {
    color: #a5b4fc !important;
}

/* =====================================
   DARK MODE – LANGUAGE DROPDOWN
===================================== */

:root[data-theme="dark"] .fuzy-lang-dropdown,
:root[data-theme="dark"] .fuzy-mobile-lang-dropdown {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .5);
}

:root[data-theme="dark"] .fuzy-lang-dropdown a,
:root[data-theme="dark"] .fuzy-mobile-lang-dropdown a {
    color: #e5e7eb !important;
}

:root[data-theme="dark"] .fuzy-lang-dropdown a:hover,
:root[data-theme="dark"] .fuzy-mobile-lang-dropdown a:hover {
    background: rgba(255, 255, 255, .06);
}

/* LANGUAGE BUTTON */
:root[data-theme="dark"] .fuzy-lang-btn,
:root[data-theme="dark"] .fuzy-mobile-lang-btn {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .fuzy-lang-btn svg,
:root[data-theme="dark"] .fuzy-mobile-lang-btn svg {
    stroke: #e5e7eb !important;
}

/* =====================================
   DARK MODE – MOBILE MENU
===================================== */

:root[data-theme="dark"] .fuzy-mobile-menu {
    background: #0b0f19 !important;
}

:root[data-theme="dark"] .fuzy-mobile-topbar {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .fuzy-mobile-brand {
    color: #f9fafb !important;
}

:root[data-theme="dark"] .fuzy-mobile-close {
    color: #ffffff !important;
}

/* =====================================
   DARK MODE – DESKTOP SUB MENU
===================================== */
@media (min-width: 1025px) {
	
:root[data-theme="dark"] .sub-menu {
    background: #0f172a !important;
  }

:root[data-theme="dark"] .sub-menu a {
    color: #cbd5e1 !important;
    background: transparent !important;
  }

:root[data-theme="dark"] .sub-menu a:hover {
    background: rgba(255,255,255,.05) !important;
    color: #ffffff !important;
  }
}

/* =====================================
   DARK MODE – MOBILE MENU ITEMS
===================================== */
@media (max-width: 1024px) {

    :root[data-theme="dark"] .fuzy-mobile-menu-list a,
    :root[data-theme="dark"] .fuzy-mobile-menu-list span {
        color: #A5B4FC !important;
    }

    :root[data-theme="dark"] .fuzy-mobile-menu-list a:hover,
    :root[data-theme="dark"] .fuzy-mobile-menu-list .current-menu-item > a {
        color: #ffffff !important;
    }


    html[data-theme="dark"] #fuzy-mobile-menu .fuzy-mobile-menu-list ul.sub-menu a,
    html[data-theme="dark"] .fuzy-mobile-menu-list .sub-menu a {
        color: #9ca3af !important;
    }
    html[data-theme="dark"] .fuzy-mobile-menu *,
    html[data-theme="dark"] .fuzy-mobile-menu-list > li,
    html[data-theme="dark"] .fuzy-mobile-menu-list li,
    html[data-theme="dark"] .fuzy-mobile-menu-list .sub-menu li {
        border-bottom-color: rgba(255,255,255,.05) !important;
    }

}

/* ===============================
   GAME PAGE – BASE DARK
================================ */
:root[data-theme="dark"] .fuzy-single-wrapper,
:root[data-theme="dark"] .fuzy-single-content {
    background: transparent;
    color: #e5e7eb;
}

/* tiêu đề lớn */
:root[data-theme="dark"] .fuzy-single-content h1,
:root[data-theme="dark"] .fuzy-single-content h2,
:root[data-theme="dark"] .fuzy-single-content h3 {
    color: #ffffff;
}

/* ===============================
   GAME INFO CARD
================================ */
:root[data-theme="dark"] .fuzy-game-info,
:root[data-theme="dark"] .fuzy-info-box,
:root[data-theme="dark"] .fuzy-single-card {
    background: linear-gradient(180deg, #0f172a, #020617);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02);
}

/* label */
:root[data-theme="dark"] .fuzy-info-label {
    color: #94a3b8;
}

/* value */
:root[data-theme="dark"] .fuzy-info-value {
    color: #e5e7eb;
}

/* ===============================
   WHITE BOX FIX
================================ */
:root[data-theme="dark"] .fuzy-toc,
:root[data-theme="dark"] .fuzy-author-box,
:root[data-theme="dark"] .fuzy-profile-box {
    background: #020617;
    color: #e5e7eb;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* nút đỏ bên trong */
:root[data-theme="dark"] .fuzy-toc button {
    background: #dc2626;
    color: #ffffff;
}

/* ===============================
   ARTICLE CONTENT
================================ */
:root[data-theme="dark"] .fuzy-single-content p {
    color: #cbd5f5;
    line-height: 1.75;
}

/* đoạn nhấn mạnh */
:root[data-theme="dark"] .fuzy-single-content strong {
    color: #ffffff;
}

/* ===============================
   VERSION / RELATED GAME CARD
================================ */
:root[data-theme="dark"] .fuzy-version-card,
:root[data-theme="dark"] .fuzy-related-card {
    background: linear-gradient(180deg, #020617, #020617);
    border: 1px solid rgba(255, 255, 255, .08);
}

/* tên game */
:root[data-theme="dark"] .fuzy-version-card h4,
:root[data-theme="dark"] .fuzy-related-card h4 {
    color: #ffffff;
}

:root[data-theme="dark"] .fuzy-rating-star {
    color: #facc15;
}

/* ===============================
   COMMENT FORM
================================ */
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] input[type="text"] {
    background: #020617;
    color: #e5e7eb;
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] textarea::placeholder {
    color: #64748b;
}

/* AUTHOR CARD – DARK MODE */
:root[data-theme="dark"] .fuzy-author-card {
    background: #0f172a;
    color: #e5e7eb;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .fuzy-author-card-name {
    color: #ffffff;
}

:root[data-theme="dark"] .fuzy-author-card-quote {
    color: #cbd5f5;
}

:root[data-theme="dark"] .fuzy-author-card strong {
    color: #ffffff;
}

/* TABLE OF CONTENT – DARK */
:root[data-theme="dark"] .fuzy-toc,
:root[data-theme="dark"] .fuzy-toc-box {
    background: #0f172a;
    color: #e5e7eb;
}

:root[data-theme="dark"] .fuzy-toc a {
    color: #93c5fd;
}

:root[data-theme="dark"] .fuzy-toc li::marker {
    color: #ef4444;
}

/* GAME INFO CARD */
:root[data-theme="dark"] .fuzy-game-info,
:root[data-theme="dark"] .fuzy-info-box {
    background: #0b1220;
    color: #cbd5e1;
}

:root[data-theme="dark"] .fuzy-game-info strong {
    color: #ffffff;
}

:root[data-theme="dark"] .fuzy-game-info a {
    color: #f87171;
}

/* COMMENTS – DARK MODE */
:root[data-theme="dark"] .fuzy-comments-section {
    background: transparent;
    color: #e5e7eb;
}

:root[data-theme="dark"] textarea,
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="email"] {
    background: #0b1220;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .15);
}

:root[data-theme="dark"] textarea::placeholder {
    color: #94a3b8;
}

/* BREADCRUMB */
:root[data-theme="dark"] .fuzy-breadcrumb {
    color: #94a3b8;
}

:root[data-theme="dark"] .fuzy-breadcrumb a {
    color: #93c5fd;
}

/* GAME TITLE */
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3 {
    color: #ffffff;
}

/* =====================================
   DARK MODE - TABLE OF CONTENTS (MATCH THEME BLUE-PURPLE)
===================================== */
html[data-theme="dark"] .toc-container,
:root[data-theme="dark"] .toc-container { 
    background: #111827 !important; 
    border-left: 5px solid #6366f1 !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4) !important; 
}

html[data-theme="dark"] .toc-title,
:root[data-theme="dark"] .toc-title { 
    color: #f9fafb !important; 
}

/* Nút bấm ở Dark Mode dùng Gradient Xanh Tím chuẩn giống công tắc Switch */
html[data-theme="dark"] .btn-toc,
:root[data-theme="dark"] .btn-toc { 
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; 
    color: #ffffff !important; 
    border: none !important;
}

html[data-theme="dark"] .btn-toc:hover,
:root[data-theme="dark"] .btn-toc:hover {
    opacity: 0.9;
}

/* Dấu chấm tròn danh sách ở Dark Mode */
html[data-theme="dark"] .toc-list li::before,
:root[data-theme="dark"] .toc-list li::before {
    color: #93c5fd !important;
}

html[data-theme="dark"] .toc-list a,
:root[data-theme="dark"] .toc-list a { 
    color: #93c5fd !important; 
}

html[data-theme="dark"] .toc-list a:hover,
:root[data-theme="dark"] .toc-list a:hover { 
    color: #cbd5e1 !important; 
    transform: translateX(5px);
}

/* =====================================
   DARK MODE – COMMENT + POPUP FIX
===================================== */

:root[data-theme="dark"] .fuzy-comment-ul li,
:root[data-theme="dark"] .fuzy-rating-inner {
    background: #0f172a !important;
    color: #e5e7eb !important;
    border: 1px solid rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .fuzy-comment-author,
:root[data-theme="dark"] .fuzy-comment-text {
    color: #e5e7eb !important;
}

:root[data-theme="dark"] .fuzy-comment-date {
    color: #94a3b8 !important;
}

/* IMAGE CAPTION – DARK MODE */
:root[data-theme="dark"] .fuzy-figure-caption,
:root[data-theme="dark"] figcaption,
:root[data-theme="dark"] .wp-caption-text {
    background: rgba(0, 0, 0, 0.55);
    /* đen mờ */
    color: #e5e7eb;
    backdrop-filter: blur(4px);
}

/* ===============================
   GAME SPEC TABLE – DARK MODE FIX
   (FORCE VALUE VISIBILITY)
================================ */

:root[data-theme="dark"] .fuzy-spec-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* LABEL – bên trái */
:root[data-theme="dark"] .fuzy-spec-label {
    color: #94a3b8;
    /* xám nhạt */
    opacity: 1;
    /* ❗ không cho mờ */
    font-weight: 400;
}

/* VALUE – bên phải (VẤN ĐỀ Ở ĐÂY) */
:root[data-theme="dark"] .fuzy-spec-value {
    color: #e5e7eb !important;
    /* ❗ trắng rõ */
    opacity: 1 !important;
    /* ❗ KILL opacity */
    font-weight: 500;
    text-align: right;
}

/* MOD ROW – cho nổi hơn chút */
:root[data-theme="dark"] .fuzy-spec-row-mod .fuzy-spec-value {
    color: #fca5a5;
    /* đỏ nhạt dễ đọc */
    font-weight: 600;
}

/* ===============================
   AUTHOR BOX – REMOVE CONTAINER
================================ */

:root[data-theme="dark"] .fuzy-author-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===============================
   AUTHOR TEXT – DARK MODE FIX
================================ */

:root[data-theme="dark"] .fuzy-author-by {
    color: #94a3b8;
    opacity: 1;
}

:root[data-theme="dark"] .fuzy-author-name {
    color: #f9fafb !important;
    /* ❗ trắng rõ */
    font-weight: 600;
    opacity: 1 !important;
}

:root[data-theme="dark"] .fuzy-sub-count {
    color: #cbd5f5;
    /* xanh xám nhẹ */
    opacity: 1 !important;
    font-weight: 400;
}

/* =====================================
   FIX SHARE BUTTON – DARK MODE
===================================== */

/* Button nền */
:root[data-theme="dark"] .fuzy-sharebtn {
    background: rgba(255, 255, 255, 0.08) !important;
    /* đậm hơn */
    border: 1px solid rgba(255, 255, 255, 0.18);
    opacity: 1 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
}

/* Icon share */
:root[data-theme="dark"] .fuzy-sharebtn svg {
    color: #f8fafc !important;
    /* trắng rõ */
    opacity: 1 !important;
}

/* Hover cho đã mắt */
:root[data-theme="dark"] .fuzy-sharebtn:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
}


/* ===============================
   DOWNLOAD PAGE – DARK MODE
================================ */
:root[data-theme="dark"] body {
    background: #0b1220;
}

:root[data-theme="dark"] .fuzy-download-step,
:root[data-theme="dark"] .fuzy-download-box {
    background: transparent;
    color: #ffffff;
}

:root[data-theme="dark"] .fuzy-download-info,
:root[data-theme="dark"] .fuzy-download-table {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* CỘT TRÁI */
:root[data-theme="dark"] .fuzy-download-table td:first-child {
    color: rgba(255, 255, 255, 0.6);
}

/* CỘT PHẢI */
:root[data-theme="dark"] .fuzy-download-table td:last-child {
    color: #ffffff;
    font-weight: 500;
}

:root[data-theme="dark"] .fuzy-faq2-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] .fuzy-faq2-question span {
    color: #ffffff;
}

:root[data-theme="dark"] .fuzy-faq2-answer p {
    color: rgba(255, 255, 255, 0.85);
}

:root[data-theme="dark"] .fuzy-social a {
    color: rgba(255, 255, 255, 0.85);
}

:root[data-theme="dark"] .fuzy-social a:hover {
    color: #ffffff;
}

/* =========================================
   FORCE DARK – DOWNLOAD STEP PAGE
========================================= */

/* Wrapper trang download */
:root[data-theme="dark"] .fuzy-download-wrapper,
:root[data-theme="dark"] .fuzy-download-content,
:root[data-theme="dark"] .fuzy-download-step {
    background: #0b1220 !important;
    color: #ffffff;
}

/* FAQ LIST (toàn bộ nền trắng đang thấy) */
:root[data-theme="dark"] .fuzy-faq2-item,
:root[data-theme="dark"] .fuzy-faq2-question,
:root[data-theme="dark"] .fuzy-faq2-answer {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Chữ trong FAQ */
:root[data-theme="dark"] .fuzy-faq2-question span {
    color: #ffffff !important;
}

/* Mấy thanh tiêu đề trắng (Lưu ý / Cách cài đặt) */
:root[data-theme="dark"] .fuzy-section-title,
:root[data-theme="dark"] .fuzy-download-title {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-left-color: #8b5cf6 !important;
}

/* NÚT QUAY LẠI – đỏ → tím */
:root[data-theme="dark"] .fuzy-back-btn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}


/* ===============================
   DOWNLOAD BUTTON – DARK MODE
   ĐÚNG PHẦN TỬ
================================ */

/* NÚT CHÍNH */
:root[data-theme="dark"] #fuzy-real-download {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}

/* KHI JS ADD .loading */
:root[data-theme="dark"] #fuzy-real-download.loading {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
}

/* HOVER */
:root[data-theme="dark"] #fuzy-real-download:hover {
    background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
}

/* THANH CHẠY (NẾU CÓ ::before) */
:root[data-theme="dark"] #fuzy-real-download.loading::before {
    background: rgba(255, 255, 255, 0.25) !important;
}

/* ICON */
:root[data-theme="dark"] #fuzy-real-download svg,
:root[data-theme="dark"] #fuzy-real-download svg * {
    stroke: #ffffff !important;
}


/* DARK MODE – FIX LOADING OVERLAY (QUAN TRỌNG) */
:root[data-theme="dark"] #fuzy-real-download.loading::before {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    opacity: 1 !important;
}
/* ======================================
   DARK MODE – FIX NỀN ĐỎ NHẠT CUỐI CÙNG
   (background-color khi loading)
====================================== */

:root[data-theme="dark"] #fuzy-real-download.loading {
    background-color: rgba(196, 181, 253, 0.45) !important; /* tím nhạt */
    background-image: none !important; /* phòng trường hợp khác */
}
#fuzy-real-download {
    opacity: 0;
}
html[data-theme] #fuzy-real-download {
    opacity: 1;
    transition: opacity .15s ease;
}

/* =====================================
   DARK MODE – DOWNLOAD BUTTON (HOME)
===================================== */

:root[data-theme="dark"] .fuzy-download-btn-large,
:root[data-theme="dark"] .fuzy-main-download {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}

/* hover */
:root[data-theme="dark"] .fuzy-download-btn-large:hover,
:root[data-theme="dark"] .fuzy-main-download:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
}

/* 2️⃣ NÚT GỬI BÌNH LUẬN */
:root[data-theme="dark"] button[type="submit"],
:root[data-theme="dark"] #submit {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
    border: none !important;
}

/* 3️⃣ NÚT TOC – “HIỂN THỊ TẤT CẢ” */
:root[data-theme="dark"] .fuzy-toc3-btn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}
:root[data-theme="dark"] .fuzy-toc3-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
}


/* 5️⃣ TAG / NÚT NHỎ MÀU ĐỎ (NẾU CÒN) */
:root[data-theme="dark"] .fuzy-tag-mod,
:root[data-theme="dark"] .ftm-badge-mod {
    background: rgba(139, 92, 246, 0.25) !important;
    color: #ddd6fe !important;
}

/* =====================================
   DARK MODE – VERSION DOWNLOAD ICON
   ẨN NỀN, CHỈ GIỮ ICON
===================================== */

:root[data-theme="dark"] .fuzy-version-download {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* icon vẫn rõ, tím */
:root[data-theme="dark"] .fuzy-version-download svg,
:root[data-theme="dark"] .fuzy-version-download svg * {
    stroke: #a5b4fc !important; /* tím nhạt */
}

/* hover: chỉ đổi màu icon, không có nền */
:root[data-theme="dark"] .fuzy-version-download:hover svg,
:root[data-theme="dark"] .fuzy-version-download:hover svg * {
    stroke: #c7d2fe !important;
}

:root[data-theme="dark"] .fuzy-toc3-header .fuzy-toc3-btn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
}

/* =====================================
   DARK MODE – PACKAGE NAME LINK
===================================== */

:root[data-theme="dark"] .fuzy-spec-value a {
    color: #a5b4fc !important; /* tím nhạt */
    text-decoration: none;
}

/* hover */
:root[data-theme="dark"] .fuzy-spec-value a:hover {
    color: #c7d2fe !important;
    text-decoration: underline;
}

/* =====================================================
   DARK MODE – DOWNLOAD STEP (FINAL FIX)
===================================================== */

/* 1️⃣ NỀN TỔNG TRANG */
:root[data-theme="dark"] .fuzy-download-wrapper,
:root[data-theme="dark"] .fuzy-download-inner {
    background: #0b1220 !important;
    color: #e5e7eb;
}

/* 2️⃣ KHỐI GIỚI THIỆU + CONTAINER */
:root[data-theme="dark"] .fuzy-download-container,
:root[data-theme="dark"] .fuzy-step-box {
    background: transparent !important;
    color: #e5e7eb;
}

/* 3️⃣ BẢNG THÔNG TIN (TRẮNG → DARK) */
:root[data-theme="dark"] .fuzy-download-info-box {
    background: #0f172a !important;
    border: 1px solid rgba(255,255,255,.08);
}

:root[data-theme="dark"] .fuzy-info-row {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

:root[data-theme="dark"] .fuzy-info-label {
    color: #94a3b8 !important;
}

:root[data-theme="dark"] .fuzy-info-value {
    color: #e5e7eb !important;
}

/* 4️⃣ NÚT DOWNLOAD STEP */
:root[data-theme="dark"] #fuzy-real-download {
    background: linear-gradient(135deg,#6366f1,#8b5cf6) !important;
    color: #ffffff !important;
}

/* 5️⃣ FAQ BOX – LOẠI BỎ NỀN TRẮNG */
:root[data-theme="dark"] .fuzy-faq2-box {
    background: transparent !important;
}

:root[data-theme="dark"] .fuzy-faq2-item {
    background: #0f172a !important;
    border: 1px solid rgba(255,255,255,.08);
}

:root[data-theme="dark"] .fuzy-faq2-question span {
    color: #f9fafb !important;
}

:root[data-theme="dark"] .fuzy-faq2-answer p {
    color: #cbd5f5 !important;
}

/* 6️⃣ TIÊU ĐỀ FAQ (CÁCH CÀI ĐẶT / LƯU Ý) */
:root[data-theme="dark"] .fuzy-faq2-title {
    background: rgba(255,255,255,.04) !important;
    color: #f9fafb !important;
    border-left: 4px solid #8b5cf6 !important;
}

/* 7️⃣ SOCIAL LINKS */
:root[data-theme="dark"] .fuzy-social-follow {
    background: transparent !important;
    color: #cbd5f5;
}

:root[data-theme="dark"] .fuzy-social {
    color: #c7d2fe !important;
}
/* =====================================
   DARK MODE – FIX BẢNG THÔNG TIN (TRẮNG)
===================================== */

/* toàn bộ bảng */
:root[data-theme="dark"] .fuzy-download-info-box {
    background: #0f172a !important;
    border: 1px solid rgba(255,255,255,.08);
}

/* từng dòng */
:root[data-theme="dark"] .fuzy-info-row {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

/* CỘT TRÁI – đang bị trắng */
:root[data-theme="dark"] .fuzy-info-label {
    background: transparent !important;
    color: #94a3b8 !important;
}

/* CỘT PHẢI */
:root[data-theme="dark"] .fuzy-info-value {
    background: transparent !important;
    color: #e5e7eb !important;
    font-weight: 500;
}
/* =====================================
   DARK MODE – FIX TEXT BỊ MỜ
===================================== */

:root[data-theme="dark"] .fuzy-social-follow p {
    color: #e5e7eb !important;
    opacity: 1 !important;   /* ❗ gỡ mờ */
    font-weight: 500;
}

/* =====================================
   DARK MODE – DOWNLOAD NOTICE (PURPLE SOFT)
===================================== */

:root[data-theme="dark"] .fuzy-download-notice {
    background: linear-gradient(
        135deg,
        rgba(139, 92, 246, 0.10),
        rgba(99, 102, 241, 0.10)
    ) !important;

    border: 1px solid rgba(139, 92, 246, 0.32) !important;
    border-left: 4px solid rgba(139, 92, 246, 0.75) !important;

    color: #ede9fe !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.35);
}

/* text */
:root[data-theme="dark"] .fuzy-download-notice li {
    color: #ede9fe !important;
}

/* link */
:root[data-theme="dark"] .fuzy-download-notice a {
    color: #c7d2fe !important;
    font-weight: 500;
}

:root[data-theme="dark"] .fuzy-download-notice a:hover {
    color: #ddd6fe !important;
    text-decoration: underline;
}

/* ===============================
   FIX TEXT BOX BEHIND TITLE
================================ */

:root[data-theme="dark"] .fuzy-download-title,
:root[data-theme="dark"] .fuzy-download-info {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ===============================
   DARK MODE – DESCRIPTION / TEXT
================================ */
:root[data-theme="dark"] .fuzy-hero-inner p,
:root[data-theme="dark"] .fuzy-cat-description,
:root[data-theme="dark"] .fuzy-page-content p,
:root[data-theme="dark"] .fuzy-single-body p,
:root[data-theme="dark"] .fuzy-download-info,
:root[data-theme="dark"] .fuzy-guide-page p {
    color: #cbd5e1 !important;   /* slate-300 */
    opacity: 1 !important;
}

/* ===============================
   DARK MODE – PAGINATION
================================ */
:root[data-theme="dark"] .fuzy-pagination .page-numbers {
    background: #0f172a !important;     /* slate-900 */
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #cbd5e1 !important;          /* slate-300 */
}
:root[data-theme="dark"] .fuzy-pagination .page-numbers:hover {
    background: #1e293b !important;     /* slate-800 */
    border-color: rgba(255,255,255,0.2) !important;
    color: #f1f5f9 !important;
}
:root[data-theme="dark"] .fuzy-pagination .page-numbers.current {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    font-weight: 600;
}
:root[data-theme="dark"] 
.fuzy-pagination .prev,
:root[data-theme="dark"] 
.fuzy-pagination .next {
    color: #e5e7eb !important;
}

/* =====================================
   DARK MODE – DOWNLOAD BUTTON (FTM)
   Outline → Fill on Hover / Active
===================================== */

/* TRẠNG THÁI BAN ĐẦU */
:root[data-theme="dark"] .ftm-more {
    background: transparent !important;
    color: #a5b4fc !important;                 /* tím nhạt */
    border: 1px solid #6366f1 !important;      /* viền tím */
    font-weight: 500;
}

/* HOVER */
:root[data-theme="dark"] .ftm-card:hover .ftm-more {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* ACTIVE / CLICK */
:root[data-theme="dark"] .ftm-more:active {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
/* =====================================
   DARK MODE – SECTION HEADER LINE
   Red → Purple
===================================== */
:root[data-theme="dark"] .fuzy-latest-section .fuzy-section-header::after {
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
}

/* =====================================
   DARK MODE – FAQ LINE SLIDE DOWN
   MATCH LIGHT MODE
===================================== */

/* ITEM KHÔNG NỀN – KHÔNG KHUNG */
:root[data-theme="dark"] .fuzy-faq2-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative;
}

/* GẠCH DƯỚI – MẶC ĐỊNH NẰM NGAY DƯỚI QUESTION */
:root[data-theme="dark"] .fuzy-faq2-item::after {
    content: "";
    display: block;
    height: 1px;
    background: rgba(148, 163, 184, 0.18);
    margin-top: 0;
    transition: margin-top .25s ease, background .25s ease;
}

/* QUESTION */
:root[data-theme="dark"] .fuzy-faq2-question {
    background: transparent !important;
    border: none !important;
    padding: 16px 0;
    color: #e5e7eb;
}

/* ANSWER */
:root[data-theme="dark"] .fuzy-faq2-answer {
    background: transparent !important;
    border: none !important;
    padding: 0 0 16px;
    color: #cbd5f5;
}

/* 🔥 KHI MỞ → ĐẨY GẠCH XUỐNG DƯỚI ANSWER */
:root[data-theme="dark"] .fuzy-faq2-item.active::after {
    margin-top: 16px; /* chừa chỗ cho answer */
    background: rgba(148, 163, 184, 0.22);
}
/* =====================================
   DARK MODE – FAQ SPACING FIX (FINAL)
===================================== */

/* RESET ITEM */
:root[data-theme="dark"] .fuzy-faq2-item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* QUESTION – CHIỀU CAO GIỐNG LIGHT */
:root[data-theme="dark"] .fuzy-faq2-question {
    padding: 14px 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ANSWER – KHÔNG ĐỘN DƯ */
:root[data-theme="dark"] .fuzy-faq2-answer {
    padding: 8px 0 10px !important;
    margin: 0 !important;
}

/* LINE NẰM SÁT ITEM */
:root[data-theme="dark"] .fuzy-faq2-item::after {
    content: "";
    display: block;
    height: 1px;
    background: rgba(148, 163, 184, 0.18);
    margin: 0 !important;
}

/* KHI MỞ → LINE TRƯỢT XUỐNG NHẸ */
:root[data-theme="dark"] .fuzy-faq2-item.active::after {
    margin-top: 6px !important; /* 👈 CỰC QUAN TRỌNG */
}

/* =====================================
   DARK MODE – FAQ SPACING (LAST STEP)
===================================== */

/* QUESTION */
:root[data-theme="dark"] .fuzy-faq2-question {
    padding: 9px 0 !important;
}

/* ANSWER */
:root[data-theme="dark"] .fuzy-faq2-answer {
    padding: 3px 0 8px !important;
}

/* LINE */
:root[data-theme="dark"] .fuzy-faq2-item.active::after {
    margin-top: 3px !important;
}
/* =====================================
   DARK MODE – VERSION NOTE / NOTICE
===================================== */

:root[data-theme="dark"] .fuzy-version-note {
    background: rgba(99, 102, 241, 0.12);   /* tím xanh dịu */
    border-left: 4px solid #8b5cf6;        /* tím chủ đạo */
    color: #e5e7eb;                        /* chữ sáng */
    padding: 14px 16px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

/* chữ đậm */
:root[data-theme="dark"] .fuzy-version-note strong,
:root[data-theme="dark"] .fuzy-version-note b {
    color: #f9fafb;
}

/* link */
:root[data-theme="dark"] .fuzy-version-note a {
    color: #93c5fd;
    text-decoration: underline;
}

:root[data-theme="dark"] .fuzy-version-note a:hover {
    color: #c7d2fe;
}

/* dòng phân cách nếu có <hr> */
:root[data-theme="dark"] .fuzy-version-note hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .18);
    margin: 12px 0;
}

/* đoạn nghiêng */
:root[data-theme="dark"] .fuzy-version-note em {
    color: #cbd5f5;
}

/* =====================================
   DARK MODE – SOCIAL LINKS (FUZY)
===================================== */

/* ITEM */
:root[data-theme="dark"] .fuzy-social-item {
    background: #0f172a; /* nền tối */
    color: #e5e7eb;      /* chữ + icon sáng */
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.45);
}

/* ICON – KILL stroke hard-code */
:root[data-theme="dark"] .fuzy-social-item svg,
:root[data-theme="dark"] .fuzy-social-item svg * {
    stroke: currentColor !important;
    fill: none !important;
}

/* HOVER */
:root[data-theme="dark"] .fuzy-social-item:hover {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-1px);
}

/* ICON HOVER */
:root[data-theme="dark"] .fuzy-social-item:hover svg,
:root[data-theme="dark"] .fuzy-social-item:hover svg * {
    stroke: #ffffff !important;
}
/* =====================================
   DARK MODE – SOCIAL LINKS (ICON ≠ TEXT)
===================================== */

/* ITEM */
:root[data-theme="dark"] .fuzy-social-item {
    background: #0f172a;
    color: #f1f5f9; /* chữ sáng hơn */
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.45);
}

/* ICON – NHẠT HƠN CHỮ */
:root[data-theme="dark"] .fuzy-social-item .icon {
    color: #94a3b8; /* xám xanh nhạt */
}

/* ép SVG theo icon color */
:root[data-theme="dark"] .fuzy-social-item svg,
:root[data-theme="dark"] .fuzy-social-item svg * {
    stroke: currentColor !important;
    fill: none !important;
}

/* HOVER – ICON + TEXT CÙNG MÀU */
:root[data-theme="dark"] .fuzy-social-item:hover {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-1px);
}

/* icon khi hover */
:root[data-theme="dark"] .fuzy-social-item:hover .icon {
    color: #ffffff;
}
/* =====================================
   DARK MODE – SOCIAL LINKS FIX VISIBILITY
===================================== */

/* RESET opacity nếu bị dính */
:root[data-theme="dark"] .fuzy-social-item {
    opacity: 1 !important;
}

/* TEXT – ÉP RÕ */
:root[data-theme="dark"] .fuzy-social-item span:not(.icon) {
    color: #f8fafc !important; /* gần trắng */
    opacity: 1 !important;
}

/* ICON – NHẠT HƠN TEXT */
:root[data-theme="dark"] .fuzy-social-item .icon {
    color: #94a3b8 !important; /* xám xanh */
    opacity: 1 !important;
}

/* SVG theo màu icon */
:root[data-theme="dark"] .fuzy-social-item svg,
:root[data-theme="dark"] .fuzy-social-item svg * {
    stroke: currentColor !important;
    fill: none !important;
}

/* HOVER – ĐỒNG MÀU TRẮNG */
:root[data-theme="dark"] .fuzy-social-item:hover span,
:root[data-theme="dark"] .fuzy-social-item:hover .icon {
    color: #ffffff !important;
}
/* =====================================
   DARK MODE – HOW TO INSTALL PAGE
===================================== */

/* ===== NOTE / TIP ===== */
:root[data-theme="dark"] .fuzy-guide-page .note {
    background: rgba(99, 102, 241, 0.12);  /* tím xanh dịu */
    border-left: 4px solid #8b5cf6;
    color: #e5e7eb;
}

:root[data-theme="dark"] .fuzy-guide-page .note em {
    color: #c7d2fe;
    font-style: normal;
}

/* ===== INLINE CODE (.apk / .xapk / .apks) ===== */
:root[data-theme="dark"] .fuzy-guide-page code {
    background: rgba(15, 23, 42, 0.8); /* nền tối */
    color: #f9fafb;
    border: 1px solid rgba(255,255,255,.12);
}

/* ===== STEP TEXT (1. 2. 3.) ===== */
:root[data-theme="dark"] .fuzy-guide-page p {
    color: #e5e7eb;
}

/* nhấn mạnh chữ in đậm */
:root[data-theme="dark"] .fuzy-guide-page strong {
    color: #ffffff;
}

/* ===== HR / DIVIDER ===== */
:root[data-theme="dark"] .fuzy-guide-page .hr {
    background: rgba(255,255,255,.12);
}

/* ===== IMAGE CAPTION ===== */
:root[data-theme="dark"] .fuzy-guide-page figcaption {
    background: rgba(0,0,0,.55);
    color: #e5e7eb;
}

/* ===== LINKS ===== */
:root[data-theme="dark"] .fuzy-guide-page a {
    color: #93c5fd;
}

:root[data-theme="dark"] .fuzy-guide-page a:hover {
    color: #c7d2fe;
}
/* =====================================
   DARK MODE – COMMENT USER INFO FIX
===================================== */

/* BOX */
:root[data-theme="dark"] .fuzy-comment-userbox {
    color: #e5e7eb;
    opacity: 1 !important;
}

/* TÊN USER – BẮT BUỘC RÕ */
:root[data-theme="dark"] .fuzy-comment-user-name {
    color: #f9fafb !important; /* trắng rõ */
    font-weight: 600;
    font-size: 15px;
    opacity: 1 !important;
}

/* META – ĐĂNG NHẬP GOOGLE */
:root[data-theme="dark"] .fuzy-comment-user-meta {
    color: #94a3b8 !important; /* xám nhạt */
    font-size: 13px;
    opacity: 1 !important;
}

/* AVATAR FIX (nếu bị mờ) */
:root[data-theme="dark"] .fuzy-comment-user-avatar img {
    opacity: 1 !important;
    filter: none !important;
}

/* DARK – horizontal scroll đẹp hơn */
html[data-theme="dark"] .fuzy-screens-row::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar-thumb,
html[data-theme="dark"] .ftm-scroll::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.28);
}

html[data-theme="dark"] .fuzy-screens-row::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .ftm-scroll::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.45);
}
/* =========================================
   FIX TRIỆT ĐỂ SCROLLBAR TRẮNG (CATEGORY)
   DARK MODE ONLY
========================================= */

/* Chrome / Edge / Safari */
html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar {
    height: 6px;
}

html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar-track {
    background: transparent !important;
}

html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.32);
    border-radius: 999px;
}

/* Hover nhẹ */
html[data-theme="dark"] .fuzy-category-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.5);
}

/* Firefox */
html[data-theme="dark"] .fuzy-category-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.32) transparent;
}
/* =========================================
   FINAL FIX – ICON SCROLLBAR (DARK MODE)
   fuzy-horizontal-scroll
========================================= */

/* Chrome / Edge / Safari */
html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar {
    height: 6px;
}

html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-track {
    background: transparent !important;
}

html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.28);
    border-radius: 999px;
}

/* Hover */
html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.45);
}

/* Firefox */
html[data-theme="dark"] .fuzy-horizontal-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.28) transparent;
}
html[data-theme="dark"] .fuzy-mobile-lang-btn,
html[data-theme="dark"] .fuzy-mobile-lang-btn span {
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
}

html[data-theme="dark"] .fuzy-mobile-lang-btn svg {
    fill: #e5e7eb !important;
}

/* đảm bảo không còn nền trắng thừa */
:root[data-theme="dark"] .fuzy-single-wrapper,
:root[data-theme="dark"] .fuzy-guide-page {
    background: transparent !important;
}

/* DARK MODE – chỉ đổi màu nền icon */
:root[data-theme="dark"] .fuzy-download-app-icon {
    background: #0e1625;
    outline: 1px solid rgba(255,255,255,0.05);
}

/* giữ nguyên ảnh, không filter */
.fuzy-download-app-icon img {
    background: transparent;
}
:root[data-theme="dark"] .fuzy-toc li::marker,
:root[data-theme="dark"] .fuzy-toc3-list li::marker {
    color: #a5b4fc; /* tím nhạt */
}

:root[data-theme="dark"] .fuzy-toc li::before,
:root[data-theme="dark"] .fuzy-toc3-list li::before {
    background: #a5b4fc;
}
/* =====================================
   DARK MODE – SEARCH APP CARD
===================================== */

:root[data-theme="dark"] .search-app-row {
    background: #0f172a; /* nền tối gọn */
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.45);
}

/* icon app */
:root[data-theme="dark"] .search-app-icon {
    background: #020617;
}

/* title */
:root[data-theme="dark"] .search-app-title {
    color: #f9fafb;
}

/* meta (version / mod) */
:root[data-theme="dark"] .search-app-meta {
    color: #94a3b8;
}

/* số điểm 4.8/5 */
:root[data-theme="dark"] .search-app-rating .fuzy-rating-info {
    color: #cbd5f5;
    font-size: 13px;
}

/* nút hành động */
:root[data-theme="dark"] .search-app-btn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
}
/* =====================================
   DARK MODE – SEARCH NEWS CARD (FINAL)
===================================== */

:root[data-theme="dark"] .search-news-row {
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.45);
}

/* title */
:root[data-theme="dark"] .search-news-row .search-app-title {
    color: #f9fafb;
}

/* meta */
:root[data-theme="dark"] .search-news-row .search-app-meta {
    color: #93c5fd;
}

/* ✅ NÚT XEM – MÀU XANH ĐẬM LUÔN */
:root[data-theme="dark"] .search-news-row .search-app-btn {
    background: linear-gradient(135deg,#6366f1,#8b5cf6);
    color: #ffffff;
    transition: none; /* ❌ không hover, không animation */
}

/* =====================================
   DARK MODE – MOBILE MENU CLOSE ICON
   (fuzy-mobile-close)
===================================== */

/* NÚT */
:root[data-theme="dark"] .fuzy-mobile-close {
    background: transparent !important;
    color: #ffffff !important; /* cho chắc */
    opacity: 1 !important;
}

/* SVG */
:root[data-theme="dark"] .fuzy-mobile-close svg {
    stroke: #ffffff !important;
    fill: none !important;
    opacity: 1 !important;
}

/* PATH (đòn kết liễu, phòng rule global) */
:root[data-theme="dark"] .fuzy-mobile-close svg path {
    stroke: #ffffff !important;
    fill: none !important;
}

/* =====================================
   DARK MODE – BULLET (•) COLOR FIX
   Áp dụng cho DMCA, Guide, Policy...
===================================== */

:root[data-theme="dark"] .fuzy-guide-page ul,
:root[data-theme="dark"] .fuzy-guide-page ol {
    color: #cbd5e1; /* màu chữ */
}

/* Dấu chấm (•) */
:root[data-theme="dark"] .fuzy-guide-page li::marker {
    color: #a5b4fc; /* tím nhạt cho dễ nhìn */
    font-weight: 600;
}

/* Trường hợp browser cũ */
:root[data-theme="dark"] .fuzy-guide-page li {
    color: #cbd5e1;
}

/* =====================================
   DARK MODE – CODE TABLE (FINAL FIX)
===================================== */

:root[data-theme="dark"] .fuzy-code-table {
    background: transparent;
}

/* CARD MOBILE */
:root[data-theme="dark"] .fuzy-code-table tr {
    background: #0f172a;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* CELL */
:root[data-theme="dark"] .fuzy-code-table td {
    background: transparent;
    color: #e5e7eb;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

/* LABEL (Code / Quà / Trạng thái) */
:root[data-theme="dark"] .fuzy-code-table td::before {
    color: #94a3b8;
}

/* CODE TEXT */
:root[data-theme="dark"] .fuzy-code-text {
    color: #f9fafb;
    font-weight: 600;
}

/* COPY BUTTON */
:root[data-theme="dark"] .fuzy-copy-btn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
}

/* COPY HOVER */
:root[data-theme="dark"] .fuzy-copy-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

/* STATUS */
:root[data-theme="dark"] .status-new {
    color: #22c55e;
}
:root[data-theme="dark"] .status-ok {
    color: #60a5fa;
}
:root[data-theme="dark"] .status-expired {
    color: #f87171;
}
/* =====================================
   DARK MODE – FIX TABLE HEADER
===================================== */
:root[data-theme="dark"] .fuzy-code-table thead th {
    background: linear-gradient(180deg, #1e293b, #0f172a) !important;
    color: #e5e7eb !important;
    border-color: rgba(255,255,255,0.08) !important;
}


/* DARK MODE – BREADCRUMB GAME TITLE (NO BACKGROUND) */
html[data-theme="dark"] .fuzy-breadcrumb > *:last-child,
html[data-theme="dark"] .fuzy-breadcrumb > *:last-child a {
    background: none !important;   /* ❌ bỏ nền */
    color: #cbd5e1 !important;     /* trắng xám dịu */
    font-weight: 400 !important;   /* nhẹ như caption */
    opacity: 1 !important;
}

/* DARK MODE – BREADCRUMB */
html[data-theme="dark"] .fuzy-breadcrumb a {
    color: #bdc5ff !important;   /* xám tím dịu, tan nền */
    font-weight: 400;
    opacity: 1;
}

html[data-theme="dark"] .fuzy-breadcrumb span {
    color: #bdc5ff !important;   /* separator & text */
    font-weight: 400;
    opacity: 1 !important;       /* ❗ gỡ mờ */
}

/* DARK MODE – GAME SPEC LABEL (ĐÚNG CLASS) */
html[data-theme="dark"] .fuzy-spec-label {
    color: #cbd5e1 !important;   /* sáng vừa */
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* DARK MODE – SINGLE META (RÕ CHỮ THẬT SỰ) */
html[data-theme="dark"] .fuzy-single-sub,
html[data-theme="dark"] .fuzy-single-sub span {
    color: #cbd5e1 !important;          /* sáng hơn 1 nấc */
    font-weight: 400 !important;        /* vẫn nhẹ */
    opacity: 1 !important;              /* ❗ quan trọng */
    
    /* 🔥 phần làm chữ rõ */
    -webkit-text-fill-color: #cbd5e1;   /* kill wash màu */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* DARK MODE – AUTHOR BY */
html[data-theme="dark"] .fuzy-author-by {
    color: #cbd5e1 !important;          /* sáng vừa */
    font-weight: 400 !important;
    opacity: 1 !important;

    -webkit-text-fill-color: #cbd5e1;   /* ❗ kill wash */
    -webkit-font-smoothing: antialiased;
}
/* DARK MODE – SHARE BUTTON ICON FORCE */
html[data-theme="dark"] .fuzy-sharebtn svg,
html[data-theme="dark"] .fuzy-sharebtn svg * {
    stroke: #f8fafc !important;   /* TRẮNG RÕ */
    opacity: 1 !important;
}

/* DARK MODE – VERSION META (MỀM NHƯ CARD MINECRAFT) */

/* XAPK / MOD / Nguyên Bản */
html[data-theme="dark"] .fuzy-version-tags .fuzy-tag-modinfo {
    color: #a8b3c7 !important;   /* xám xanh dịu */
    font-weight: 400 !important;
    opacity: 1 !important;

    /* ❌ không ép text-fill → để chữ tan vào nền */
    -webkit-text-fill-color: unset !important;
    -webkit-font-smoothing: auto;
}

/* dấu • */
html[data-theme="dark"] .fuzy-version-tags span {
    color: #8f9bb0 !important;   /* nhạt hơn chữ 1 nấc */
    opacity: 1 !important;
}

/* 231 MB - v7.9.0 */
html[data-theme="dark"] .fuzy-version-size {
    color: #a8b3c7 !important;
    font-weight: 400 !important;
    opacity: 1 !important;

    -webkit-text-fill-color: unset !important;
}


/* =====================================
   DARK MODE – SUPPORT PAGE TITLE FIX
===================================== */

:root[data-theme="dark"] .support-title h1 {
    color: #f9fafb !important;   /* trắng rõ */
}

:root[data-theme="dark"] .support-title p {
    color: #cbd5e1 !important;   /* xám sáng, dễ đọc */
    opacity: 1 !important;       /* ❗ tránh bị mờ */
}

/* =====================================
   DARK MODE – SEARCH NO RESULT TEXT
===================================== */

:root[data-theme="dark"] .no-results,
:root[data-theme="dark"] .no-results p,
:root[data-theme="dark"] .search-no-results p {
    color: #cbd5e1 !important;
    /* sáng hơn */
    opacity: 1 !important;
    /* gỡ mờ */
}

:root[data-theme="dark"] .fuzy-cat-empty {
    color: #cbd5e1 !important;
}

/* =====================================
   DARK MODE – UPDATE CARD (NO BG CHANGE)
===================================== */

/* icon box dịu hơn */
:root[data-theme="dark"] .fuzy-update-icon {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
}

/* arrow box */
:root[data-theme="dark"] .fuzy-update-arrow {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
}

/* title rõ hơn */
:root[data-theme="dark"] .fuzy-update-title {
    color: #f9fafb;
}

/* button text */
:root[data-theme="dark"] .fuzy-update-btn {
    color: #e5e7eb;
}

/* progress bar nền */
:root[data-theme="dark"] .fuzy-update-bar {
    background: rgba(255, 255, 255, .18);
}

/* shine effect dịu hơn */
:root[data-theme="dark"] .fuzy-update-card::before {
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, .18),
            transparent);
}

/* DARK MODE – LOAD MORE COMMENTS COLOR ONLY */
:root[data-theme="dark"] #fuzy-load-more-comments {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}

/* hover */
:root[data-theme="dark"] #fuzy-load-more-comments:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
}

/* =====================================
   DARK MODE – DOWNLOAD INFO TEXT
===================================== */

:root[data-theme="dark"] .fuzy-download-info b {
    color: #e5e7eb !important;
    /* chữ sáng rõ */
    font-weight: 500;
    opacity: 1 !important;

    -webkit-text-fill-color: #e5e7eb;
    /* tránh bị wash màu */
}

/* dấu • giữa các phần */
:root[data-theme="dark"] .fuzy-download-info b {
    letter-spacing: .2px;
}

/* =====================================
   DARK MODE – STATS (VIEW / RATING / DL)
===================================== */

:root[data-theme="dark"] .fuzy-stats {
    color: #e5e7eb;
}

:root[data-theme="dark"] .fuzy-stat-number {
    color: #f9fafb; /* trắng rõ */
}

:root[data-theme="dark"] .fuzy-stat-label {
    color: #94a3b8; /* xám nhạt */
}

:root[data-theme="dark"] .fuzy-stat-divider {
    background: rgba(255, 255, 255, 0.12);
}

/* dấu + */
:root[data-theme="dark"] .fuzy-plus {
    color: #cbd5f5;
}


/* =====================================
   DARK MODE – LANGUAGE NOTICE
===================================== */

:root[data-theme="dark"] #fuzy-lang-notice {
    background: #0f172a !important;
    color: #e5e7eb !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.45) !important;
}

/* text */
:root[data-theme="dark"] #fuzy-lang-notice span {
    color: #e5e7eb !important;
}

/* strong */
:root[data-theme="dark"] #fuzy-lang-notice strong {
    color: #ffffff !important;
}

/* close button */
:root[data-theme="dark"] #close-fuzy-notice {
    color: #94a3b8 !important;
}

/* hover */
:root[data-theme="dark"] #close-fuzy-notice:hover {
    color: #ffffff !important;
}

/* switch button */
:root[data-theme="dark"] #fuzy-lang-notice a {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
}


/* =====================================================
   DARK MODE FOR CUSTOM NOTE BOX
===================================================== */

html[data-theme="dark"] .custom-note-box {
    background: #1e2530 !important; /* Nền tối xanh xám sang trọng */
    border-left-color: #00b4e6 !important; /* Đổi màu viền trái dịu hơn cho mắt */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important; /* Đổ bóng sâu hơn trên nền tối */
    color: #cbd5e1 !important; /* Chữ chính màu xám trắng dễ đọc */
}

/* Tiêu đề HƯỚNG DẪN CÀI ĐẶT */
html[data-theme="dark"] .custom-note-box h3 {
    color: #ffffff !important;
}

/* Dòng chữ bôi đậm chính */
html[data-theme="dark"] .custom-note-box strong {
    color: #ffffff !important;
}

/* Khung cảnh báo màu vàng (Nếu cài File 1 lỗi...) */
html[data-theme="dark"] .custom-note-box p[style*="background: #fff9e6"] {
    background: #2c2514 !important; /* Nền vàng tối */
    border-left-color: #d4af37 !important; /* Viền vàng sậm */
    color: #f1c40f !important; /* Chữ màu vàng sáng */
}

/* Link HD Unlock Data */
html[data-theme="dark"] .custom-note-box a[href*="youtu.be/6QVbw4kUbq4"] {
    color: #ff6b6b !important; /* Màu đỏ neon dịu */
    border-bottom-color: #ff6b6b !important;
}

/* Đường gạch ngang phân cách */
html[data-theme="dark"] .custom-note-box hr {
    border-top-color: #334155 !important;
}

/* Giữ nguyên hoặc tinh chỉnh nhẹ 3 nút bấm video cho nổi bật trong đêm */
html[data-theme="dark"] .video-links a {
    opacity: 0.9;
}
html[data-theme="dark"] .video-links a:hover {
    opacity: 1;
}

/* =========================
   DARK MODE SIMPLE BOX
========================= */
html[data-theme="dark"] .download-container h3 {
    color: #1482ff;
}

/* TEXT */
html[data-theme="dark"] .step-container p {
    color: #cbd5e1;
}


/* DISABLED */
html[data-theme="dark"] .button:disabled {
    opacity: 0.5;
}

[data-theme="dark"] .fuzy-mobile-footer-links a{
    color:#9ca3af;
}

[data-theme="dark"] .fuzy-mobile-footer-links a:hover{
    color:#ffffff;
}

/* =========================================================
   DARK MODE – MOBILE BOTTOM NAV
   ========================================================= */

/* Khung viên thuốc */
:root[data-theme="dark"] .mobile-bottom-nav .nav-container{
    background: rgba(20,20,22,.60) !important;

    border: 1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    backdrop-filter: blur(22px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
}

/* Menu chính */
:root[data-theme="dark"] .nav-mode-default{
    color:#d1d5db !important;
}

/* Item */
:root[data-theme="dark"] .nav-mode-default .nav-item{
    color:#9ca3af !important;
}

/* Active */
:root[data-theme="dark"] .nav-mode-default .nav-item.active{
    color:#f9fafb !important;
}

/* Gạch ngăn */
:root[data-theme="dark"] .nav-mode-default .nav-divider{
    background:rgba(255,255,255,.08) !important;
}

/* Search bar */
:root[data-theme="dark"] .nav-mode-search{
    background: rgba(18,20,24,.28) !important;

    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 24px rgba(0,0,0,.20) !important;
}

/* Input */
:root[data-theme="dark"] .nav-mode-search input[type="search"]{
    color:#f3f4f6 !important;
}

:root[data-theme="dark"] .nav-mode-search input[type="search"]::placeholder{
    color:#9ca3af !important;
}

/* Icon tìm kiếm */
:root[data-theme="dark"] .search-input-icon,
:root[data-theme="dark"] #openSearchBtn,
:root[data-theme="dark"] #openSearchBtn svg{
    color:#d1d5db !important;
    stroke:#d1d5db !important;
}

/* Nút đóng */
:root[data-theme="dark"] .close-search-btn{
    background:rgba(255,255,255,.08) !important;
    color:#f3f4f6 !important;
}

/* Popup gợi ý */
:root[data-theme="dark"] .search-suggestions-popup{
    background:rgba(20,20,22,.75) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 15px 40px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Item gợi ý */
:root[data-theme="dark"] .suggestion-item{
    color:#f3f4f6 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}

:root[data-theme="dark"] .suggestion-item:active{
    background:rgba(255,255,255,.05) !important;
}

:root[data-theme="dark"] .suggestion-title{
    color:#f9fafb !important;
}

:root[data-theme="dark"] .suggestion-sub,
:root[data-theme="dark"] .suggestion-loading{
    color:#9ca3af !important;
}

/* Giọt nước active */
:root[data-theme="dark"] .nav-mode-default .nav-item.active::before{
    border:1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 6px 18px rgba(0,0,0,.45) !important;
}


/* ==========================================
   DARK MODE - TRENDING CARDS (MATCH THEME BLUE-PURPLE)
   ========================================== */

/* Nền Card & Viền Dark Mode */
html[data-theme="dark"] .trnd-card,
:root[data-theme="dark"] .trnd-card {
    background: #111827 !important;
    border-color: #1f2937 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Khung ảnh bao quanh Icon */
html[data-theme="dark"] .trnd-media-box,
:root[data-theme="dark"] .trnd-media-box {
    background-color: #1f2937 !important;
}

/* Tên App */
html[data-theme="dark"] .trnd-title,
:root[data-theme="dark"] .trnd-title {
    color: #f9fafb !important;
}

/* Text tính năng MOD & Subtext */
html[data-theme="dark"] .trnd-meta,
html[data-theme="dark"] .trnd-mod-text,
html[data-theme="dark"] .trnd-dot,
html[data-theme="dark"] .trnd-size-text,
:root[data-theme="dark"] .trnd-meta,
:root[data-theme="dark"] .trnd-mod-text,
:root[data-theme="dark"] .trnd-dot,
:root[data-theme="dark"] .trnd-size-text {
    color: #9ca3af !important;
}

/* Điểm Rating */
html[data-theme="dark"] .trnd-rating-score,
:root[data-theme="dark"] .trnd-rating-score {
    color: #ffff !important;
}

/* Badge MOD (Màu Đỏ nhạt dịu cho mắt trên nền tối) */
html[data-theme="dark"] .trnd-badge-mod,
:root[data-theme="dark"] .trnd-badge-mod {
    background: rgba(139, 92, 246, 0.25) !important;
    color: #ddd6fe !important;
}

/* Badge Original (Đổi sang Tone Tím-Xanh theo Theme) */
html[data-theme="dark"] .trnd-badge-original,
:root[data-theme="dark"] .trnd-badge-original {
    background: rgba(255, 255, 255, .12) !important;
    color: #e5e7eb !important;
}

:root[data-theme="dark"] .fuzy-archive-description {
    color: #d1d5db !important; 
}