body.dark-theme {
    --theme-color: var(--fuzy-dark-primary-color, #818cf8);
}

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

.fuzy-theme-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    position: relative;
    z-index: 2;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fuzy-theme-toggle:focus,
.fuzy-theme-toggle:focus-visible,
.fuzy-theme-toggle:active {
    outline: none;
    box-shadow: none;
}

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

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

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

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


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

:root[data-theme="dark"] {
    background-color: #161618;
    color: #f3f3f4;
}

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

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

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



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

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

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




/* =====================================
   RESET CSS - DARK MODE ADJUSTMENTS
===================================== */
html[data-theme="dark"] body {
    color: #f3f3f4;
    background: #161618;
}

/* =====================================
   HEADER - DARK MODE GLASS EFFECT
===================================== */
html[data-theme="dark"] .fuzy-header {
    background: rgba(22, 22, 24, 0.7);
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* =====================================
   HEADER ELEMENTS - DARK MODE COLORS
===================================== */
html[data-theme="dark"] .fuzy-logo a {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-nav .fuzy-menu a {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-nav .fuzy-menu a:hover {
    color: #ffffff;
}

/* =====================================
   DARK MODE - SEARCH & MOBILE MENU
===================================== */

/* 1. Search Bar PC */
html[data-theme="dark"] .fuzy-search {
    border-color: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] .fuzy-search input {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-search input::placeholder {
    color: #71717a;
}

html[data-theme="dark"] .fuzy-search input:focus,
html[data-theme="dark"] .fuzy-search:focus-within {
    border-color: rgba(255, 255, 255, 0.3);
}


/* 4. Mobile Off-canvas Menu & Topbar */
html[data-theme="dark"] .fuzy-mobile-menu {
    background: rgba(22, 22, 24, 0.85);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-mobile-brand {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-mobile-close {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-mobile-menu-list li a {
    color: #f3f3f4;
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .fuzy-mobile-icons svg {
    stroke: #f3f3f4;
}

/* 5. Mobile Submenu */
@media (max-width: 900px) {
    html[data-theme="dark"] #fuzy-mobile-menu ul.sub-menu li a {
        color: #a1a1aa;
    }

    html[data-theme="dark"] #fuzy-mobile-menu ul.sub-menu li a:hover {
        color: #f3f3f4;
    }
}

/* =====================================
   PC MENU DROPDOWN / SUBMENU - DARK MODE
===================================== */
html[data-theme="dark"] .fuzy-nav .fuzy-menu ul,
html[data-theme="dark"] .fuzy-nav .fuzy-menu .sub-menu {
    background: rgba(33, 33, 36, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}

html[data-theme="dark"] .fuzy-nav .fuzy-menu ul a,
html[data-theme="dark"] .fuzy-nav .fuzy-menu .sub-menu a {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-nav .fuzy-menu ul a:hover,
html[data-theme="dark"] .fuzy-nav .fuzy-menu .sub-menu a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* =====================================
   DARK MODE - HERO, SECTION & APP GRID
===================================== */

/* 1. Hero Section */
html[data-theme="dark"] .fuzy-hero {
    background: #161618;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-hero-inner h1 {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-hero-inner p {
    color: #a1a1aa;
}

/* 2. Section Header & Title */
html[data-theme="dark"] .fuzy-section-header h2 {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-section-link {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-section-link:hover {
    color: #ffffff;
}

/* =====================================
   DARK MODE - APP CARD & BREADCRUMB
===================================== */

/* 1. App Card Inner */
html[data-theme="dark"] .fuzy-app-card-inner {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: none;
}

html[data-theme="dark"] .fuzy-app-card-inner:hover,
html[data-theme="dark"] .fuzy-app-card-inner:focus,
html[data-theme="dark"] .fuzy-app-card-inner:focus-visible,
html[data-theme="dark"] .fuzy-app-card-inner:active {
    border-color: var(--fuzy-dark-primary-color);
}

/* 2. Text Content & Meta */
html[data-theme="dark"] .fuzy-app-card .fuzy-app-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-app-card .fuzy-app-meta {
    color: #a1a1aa;
}

/* 3. Tags */
html[data-theme="dark"] .fuzy-tag-apk,
html[data-theme="dark"] .fuzy-tag-ipa {
    background: #2e2e32;
    color: #d4d4d8;
}

html[data-theme="dark"] .fuzy-tag-mod {
    background: color-mix(in srgb, var(--fuzy-dark-primary-color) 10%, transparent);
    color: color-mix(in srgb, var(--fuzy-dark-primary-color) 80%, white);
}

/* 4. Breadcrumb */
html[data-theme="dark"] .fuzy-breadcrumb {
    color: #71717a;
}

html[data-theme="dark"] .fuzy-breadcrumb a {
    color: #a1a1aa;
}

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

/* =====================================
   DARK MODE - SINGLE APP & SPEC TABLE
===================================== */

/* 1. Header Info */
html[data-theme="dark"] .fuzy-single-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-single-version {
    color: #fb923c;
}

html[data-theme="dark"] .fuzy-single-sub {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-single-sub .dot {
    color: #52525b;
}

/* 2. Glass Spec Table */
html[data-theme="dark"] .fuzy-single-spec {
    background: rgba(33, 33, 36, 0.45);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 12px 35px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .fuzy-single-spec::after {
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .fuzy-single-spec::before {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.02) 28%,
        transparent 65%
    );
}

/* 3. Spec Table Rows */
html[data-theme="dark"] .fuzy-spec-label {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-spec-value {
    color: #f3f3f4;
}


/* =====================================
   DARK MODE - LINKS, VERSIONS & COMMENTS
===================================== */

/* 1. Spec Link & Large Download Button */
html[data-theme="dark"] .fuzy-spec-value a {
    color: #f87171;
}

/* 3. Content Body */
html[data-theme="dark"] .fuzy-single-body {
    color: #e5e7eb;
}

/* =====================================
   VERSIONS SECTION - DARK MODE ADJUSTMENTS
===================================== */
html[data-theme="dark"] .fuzy-versions-section .fuzy-block-title {
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-version-note {
    color: #9ca3af;
}

html[data-theme="dark"] .fuzy-version-card {
    background: #1e1e22; 
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-version-card:hover {
    border-color: var(--fuzy-dark-primary-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .fuzy-version-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-version-size {
    color: #9ca3af;
}

html[data-theme="dark"] .fuzy-version-security {
    background: transparent;
    border: none;
}

html[data-theme="dark"] .fuzy-security-icon {
    background: rgba(34, 160, 107, 0.12);
    color: #34d399;
}

html[data-theme="dark"] .fuzy-security-text strong {
    color: #34d399;
}

html[data-theme="dark"] .fuzy-security-text span {
    color: #9ca3af;
}

/* =====================================
   DARK MODE - PAGES, BLOG & FOOTER MISC
===================================== */

/* 1. Page & Blog Post Items */
html[data-theme="dark"] .fuzy-page h1,
html[data-theme="dark"] .fuzy-post-item h2 {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-page a {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-page-content,
html[data-theme="dark"] .fuzy-post-item {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
}

/* 2. Tag Modinfo Neutral Style */
html[data-theme="dark"] .fuzy-tag.fuzy-tag-modinfo {
    color: #a1a1aa;
}

/* 3. Version Download Icon Link */
html[data-theme="dark"] .fuzy-version-download svg,
html[data-theme="dark"] .fuzy-version-download svg *,
html[data-theme="dark"] .fuzy-version-download svg path,
html[data-theme="dark"] .fuzy-version-download svg polyline {
    stroke: #f87171;
}

/* =====================================
   DARK MODE - SUBMENU, SEARCH PAGE & COMPONENTS
===================================== */

html[data-theme="dark"] .fuzy-faq-question,
html[data-theme="dark"] .fuzy-faq-question *,
html[data-theme="dark"] .fuzy-mobile-icons button,
html[data-theme="dark"] .fuzy-mobile-icons button svg,
html[data-theme="dark"] .fuzy-mobile-menu-btn,
html[data-theme="dark"] .fuzy-mobile-close,
html[data-theme="dark"] .fuzy-mobile-close * {
    -webkit-text-fill-color: #f3f3f4;
    color: #f3f3f4;
    stroke: #f3f3f4;
    fill: #f3f3f4;
}


html[data-theme="dark"] .fuzy-menu li ul,
html[data-theme="dark"] .fuzy-nav .fuzy-menu li ul {
    background: #212124;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .fuzy-menu li ul li a {
    color: #e5e7eb;
}

html[data-theme="dark"] .fuzy-menu li ul li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-page-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-search-key {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-category-scroll {
    border-color: rgba(255, 255, 255, 0.08);
}

/* =====================================
   DARK MODE - CATEGORY BUTTONS & SCREENSHOTS SECTION
===================================== */

html[data-theme="dark"] .fuzy-cat-btn,
html[data-theme="dark"] .fuzy-cat-btn-all {
    background: transparent;
    border-color: #414146;
    color: #e7e7e9;
}

html[data-theme="dark"] .fuzy-cat-btn:hover,
html[data-theme="dark"] .fuzy-cat-btn:focus-visible {
    background: transparent;
    border-color: var(--fuzy-dark-primary-color);
    color: var(--fuzy-dark-primary-color);
}

@media (min-width: 900px) {
    html[data-theme="dark"] .fuzy-category-scroll {
        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    }
}

html[data-theme="dark"] .fuzy-screens-row::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

html[data-theme="dark"] .fuzy-screens-row::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .fuzy-screens-row {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

/* =====================================
   DARK MODE - FOOTER, DOWNLOAD PAGE & SOCIAL LINKS
===================================== */

/* 1. Footer Base & Typography */
html[data-theme="dark"] .fuzy-footer {
    background: #161618;
    border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-footer-column h4 {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-footer-column p,
html[data-theme="dark"] .fuzy-builtby,
html[data-theme="dark"] .footer-bottom {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-footer-column a {
    color: #d1d5db;
}

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

/* 2. Download Page Layout */
html[data-theme="dark"] .fuzy-download-wrapper {
    background: #161618;
}

html[data-theme="dark"] .fuzy-download-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-download-info,
html[data-theme="dark"] .fuzy-download-info *,
html[data-theme="dark"] .fuzy-download-note {
    color: #a1a1aa;
}

/* 3. Buttons & Navigation Links */
html[data-theme="dark"] .fuzy-download-btn {
    background: #dc2626;
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-download-btn:hover {
    background: #b91c1c;
}

/* 4. Social Follow Links */
html[data-theme="dark"] .fuzy-social-follow p,
html[data-theme="dark"] .fuzy-social {
    color: #e5e7eb;
}

html[data-theme="dark"] .fuzy-social:hover {
    opacity: 0.8;
}

/* =====================================
   DARK MODE - BUTTONS & FAQ
===================================== */

html[data-theme="dark"] .fuzy-back-btn,
html[data-theme="dark"] .fuzy-download-btn-large {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-download-btn-large svg {
    stroke: #ffffff;
}

html[data-theme="dark"] .fuzy-download-btn-large.loading {
    background: color-mix(in srgb, var(--fuzy-dark-primary-color) 20%, transparent);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-download-btn-large.loading::before {
    background: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-faq2-item {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-faq2-question {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-faq2-answer {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-faq2-arrow {
    color: #a1a1aa;
}

/* =====================================
   DARK MODE - PAGINATION & COMMENT FORM
===================================== */

html[data-theme="dark"] .fuzy-pagination .page-numbers {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
}

html[data-theme="dark"] .fuzy-pagination .page-numbers:not(.current):hover {
    background: #2b2b2e;
    border-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-pagination .current {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

html[data-theme="dark"] .comment-input label {
    color: #f3f3f4;
}

html[data-theme="dark"] .comment-input input,
html[data-theme="dark"] .comment-input textarea {
    background: #18181b;
    border-color: rgba(255, 255, 255, 0.12);
    color: #f3f3f4;
}

html[data-theme="dark"] .comment-input input:focus,
html[data-theme="dark"] .comment-input textarea:focus {
    border-color: var(--fuzy-dark-primary-color);
    outline: none;
}

html[data-theme="dark"] .fuzy-comment-submit {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-comment-submit:hover {
    background: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-comment-actions a,
html[data-theme="dark"] .fuzy-comment-actions .comment-reply-link,
html[data-theme="dark"] .fuzy-comment-actions .fuzy-delete-comment {
    color: var(--fuzy-dark-primary-color) !important;
}

html[data-theme="dark"] .fuzy-versions-section h2 {
    color: #f3f3f4;
}

/* =====================================
   DARK MODE - USER COMMENTS, RATING 
===================================== */

/* 1. Comment List Items */
html[data-theme="dark"] .fuzy-comment-ul li {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .fuzy-comment-author {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-comment-date {
    color: #a1a1aa;
}

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

/* Links & Highlights in Comments */
html[data-theme="dark"] .fuzy-comment-actions a,
html[data-theme="dark"] .fuzy-comment-text strong {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-mention {
    background: rgba(255, 255, 255, 0.1);
    color: #a5b4fc;
}

/* 2. Star Rating Component */
html[data-theme="dark"] .fuzy-star-wrap {
    color: #3f3f46; /* Sao chưa chọn màu xám tối */
}

html[data-theme="dark"] .fuzy-star-fill {
    color: #fbbf24; /* Vàng sáng dịu cho Dark Mode */
}

/* 3. Rating Modal / Popup */
html[data-theme="dark"] .fuzy-rating-inner {
    background: #212124;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] #fuzy-modal-stars .fuzy-star {
    color: #3f3f46;
}

html[data-theme="dark"] #fuzy-modal-stars .fuzy-star.active {
    color: #fbbf24;
}

/* Rating Modal Buttons */
html[data-theme="dark"] #fuzy-submit-rating {
    background: #3f3f46;
    color: #a1a1aa;
}

html[data-theme="dark"] #fuzy-submit-rating.enabled {
    background: #22c55e; 
    color: #ffffff;
}

html[data-theme="dark"] #fuzy-close-rating {
    background: #2e2e32;
    color: #e5e7eb;
}

html[data-theme="dark"] #fuzy-close-rating:hover {
    background: #38383c;
}


/* =====================================
   DARK MODE - NOTES, LINKS, FIGURE & CATEGORY
===================================== */

/* 1. Version Note */
html[data-theme="dark"] .fuzy-version-note {
    background: color-mix(in srgb, var(--fuzy-dark-primary-color) 5%, transparent);
    border-left-color: var(--fuzy-dark-primary-color);
    color: #e5e7eb;
}

/* 2. Text Links */
html[data-theme="dark"] .fuzy-single-body a,
html[data-theme="dark"] .fuzy-page-content a,
html[data-theme="dark"] .fuzy-faq2-answer a,
html[data-theme="dark"] .fuzy-custom-html a,
html[data-theme="dark"] .fuzy-post-item a,
html[data-theme="dark"] .fuzy-news-content a,
html[data-theme="dark"] .fuzy-note-box a {
    color: var(--fuzy-dark-primary-color);
}

/* 3. Sub Count & Category Description */
html[data-theme="dark"] .fuzy-sub-count,
html[data-theme="dark"] .fuzy-category-wrapper .fuzy-cat-description {
    color: #a1a1aa;
}

/* 4. Image Figure & Caption */
html[data-theme="dark"] .fuzy-img figcaption {
    background: #2b2b2e;
    color: #d1d5db;
}

/* =====================================
   DARK MODE - LOAD MORE, COMMENTS REPLY, USER BOX & LIGHTBOX
===================================== */

html[data-theme="dark"] #fuzy-load-more-comments {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] #fuzy-load-more-comments:hover {
    transform: translateY(-1px);
}

html[data-theme="dark"] #cancel-comment-reply-link,
html[data-theme="dark"] #reply-title a#cancel-comment-reply-link {
    background: #2b2b2e;
    color: #d1d5db;
}

html[data-theme="dark"] #cancel-comment-reply-link:hover,
html[data-theme="dark"] #reply-title a#cancel-comment-reply-link:hover {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] #reply-title {
    color: #f3f3f4;
}

/* 3. Comment User Box */
html[data-theme="dark"] .fuzy-comment-user-name {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-comment-user-meta {
    color: #a1a1aa;
}

/* 4. Repeater & Sort Placeholder */
html[data-theme="dark"] .fuzy-repeater-item {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-sort-placeholder {
    background: #18181b;
    border-color: rgba(255, 255, 255, 0.2);
}

/* 5. Lightbox */
html[data-theme="dark"] .fuzy-lightbox {
    background: rgba(0, 0, 0, 0.92);
}

html[data-theme="dark"] .fuzy-lightbox-close {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-lightbox-close:hover {
    color: #818cf8;
}

/* =====================================
   DARK MODE - GUIDE PAGE & SOCIAL LIST
===================================== */

/* 1. Guide Page Typography */
html[data-theme="dark"] .fuzy-guide {
    color: #e5e7eb;
}

html[data-theme="dark"] .fuzy-guide-title,
html[data-theme="dark"] .fuzy-guide h2,
html[data-theme="dark"] .fuzy-guide h3 {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-guide a {
    color: #818cf8; 
}

html[data-theme="dark"] .fuzy-guide a:hover {
    color: #a5b4fc;
}

/* 2. Note Box & Horizontal Rule */
html[data-theme="dark"] .fuzy-guide .note {
    background: rgba(251, 146, 60, 0.1);
    border-left-color: #fb923c;
    color: #fed7aa;
}

html[data-theme="dark"] .fuzy-guide .hr {
    background: rgba(255, 255, 255, 0.08);
}

/* 3. Inline Code Block */
html[data-theme="dark"] .fuzy-guide code {
    background: #18181b;
    color: #a5b4fc;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* 4. Social Item Buttons */
html[data-theme="dark"] .fuzy-social-item {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-social-item:hover {
    background: #2b2b2e;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
}


/* =====================================
   DARK MODE - ICON CARDS, APP DOWNLOAD BAR & SCROLLBAR
===================================== */

/* 1. Icon Card & App Text */
html[data-theme="dark"] .fuzy-icon-name {
    color: #f3f3f4;
}

/* Meta info (Version & Developer) */
html[data-theme="dark"] .fuzy-meta-version,
html[data-theme="dark"] .fuzy-meta-dev {
    color: #a1a1aa;
}

/* 2. Horizontal Scrollbar Styling (PC / Laptop) */
@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] .fuzy-horizontal-scroll {
        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    }

    html[data-theme="dark"] .fuzy-horizontal-scroll::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
    }

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

/* 3. Fuzy App Download Bar */
html[data-theme="dark"] .fuzy-app-download-bar {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fuzy-app-download-text strong {
    color: #f3f3f4;
}

html[data-theme="dark"] .fuzy-app-download-text span {
    color: #a1a1aa;
}

/* Download button in the bar */
html[data-theme="dark"] .fuzy-app-download-btn {
    background: #6366f1;
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-app-download-btn:hover {
    background: #4f46e5;
}

/* 4. Social Links */
html[data-theme="dark"] .fuzy-social-list .fuzy-social-item {
    color: #f3f3f4;
}

/* =====================================
   DARK MODE - FOOTER, SPEC, COMMENTS & FAQ2 ACCENTS
===================================== */

/* 1. Download Info Box — transparent with neutral, non-accent borders */
html[data-theme="dark"] .fuzy-download-info-box,
html[data-theme="dark"] .fuzy-download-info-box:hover,
html[data-theme="dark"] .fuzy-download-info-box:focus {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.18);
}

html[data-theme="dark"] .fuzy-info-row,
html[data-theme="dark"] .fuzy-info-row:hover {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .fuzy-info-label,
html[data-theme="dark"] .fuzy-info-label:hover {
    background: transparent;
    color: #a1a1aa;
    border-right-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .fuzy-info-value,
html[data-theme="dark"] .fuzy-info-value:hover {
    background: transparent;
    color: #f3f3f4;
}
/* 2. Download App Icon Frame */
html[data-theme="dark"] .fuzy-download-app-icon {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .fuzy-download-app-icon img {
    background: #18181b;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* 3. FAQ2 Title */
html[data-theme="dark"] .fuzy-faq2-title {
    background: #212124;
    color: #f3f3f4;
    border-color: rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--fuzy-dark-primary-color);
}

/* 4. Footer Styling & Verified Brand */
html[data-theme="dark"] .footer-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .footer-bottom::before {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .footer-sep,
html[data-theme="dark"] .footer-rights {
    color: #a1a1aa;
}

html[data-theme="dark"] .footer-verified strong {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .footer-verified .verified-icon svg {
    fill: var(--fuzy-dark-primary-color);
}

/* 5. Breadcrumb & Single Meta/Header */
html[data-theme="dark"] .fuzy-breadcrumb > *:not(:last-child) {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-breadcrumb > *:last-child {
    color: #d1d5db;
}

html[data-theme="dark"] .fuzy-single-meta span,
html[data-theme="dark"] .fuzy-single-meta a,
html[data-theme="dark"] .fuzy-single-header span,
html[data-theme="dark"] .fuzy-single-header a,
html[data-theme="dark"] .fuzy-author-by,
html[data-theme="dark"] .fuzy-author-by span,
html[data-theme="dark"] .fuzy-author-by a {
    color: #a1a1aa;
}

/* 6. TOC3 Button */
html[data-theme="dark"] .fuzy-toc3-btn {
    background: #6366f1;
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-toc3-btn:hover {
    background: #4f46e5;
}

/* 7. Single Spec Block */
html[data-theme="dark"] .fuzy-single-spec .fuzy-spec-label,
html[data-theme="dark"] .fuzy-single-spec .fuzy-spec-label *,
html[data-theme="dark"] .fuzy-single-spec a {
    color: #a1a1aa;
}

html[data-theme="dark"] .fuzy-single-spec .fuzy-spec-value,
html[data-theme="dark"] .fuzy-single-spec .fuzy-spec-value * {
    color: #f3f3f4;
}

/* Package Name Link */
html[data-theme="dark"] .fuzy-single-spec .fuzy-spec-value a {
    color: var(--fuzy-dark-primary-color);
}

/* 8. Comments Links & Typography */
html[data-theme="dark"] .comment-reply-link,
html[data-theme="dark"] .comment a.comment-reply-link,
html[data-theme="dark"] .comment a.fuzy-delete-comment,
html[data-theme="dark"] .fuzy-delete-comment {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .comment-meta,
html[data-theme="dark"] .comment-meta a {
    color: #f3f3f4;
}

html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .comment-content p {
    color: #e5e7eb;
}

/* 9. Mobile Topbar Close Button Hover */
html[data-theme="dark"] .fuzy-mobile-close:hover svg {
    stroke: var(--fuzy-dark-primary-color);
}

/* =====================================
   DARK MODE - MOBILE CLOSE, ARTICLES, UPDATE CARDS & UTILITIES
===================================== */

/* 1. Force Fix Mobile Close Icon */
html[data-theme="dark"] .fuzy-mobile-close svg,
html[data-theme="dark"] .fuzy-mobile-close svg path {
    stroke: #f3f3f4;
    fill: none;
}

html[data-theme="dark"] .fuzy-mobile-close:hover svg,
html[data-theme="dark"] .fuzy-mobile-close:hover svg path {
    stroke: #818cf8;
}

/* 2. Pagination Fix */
html[data-theme="dark"] .fuzy-pagination .page-numbers {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
}

html[data-theme="dark"] .fuzy-pagination .page-numbers:hover:not(.current) {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-pagination .page-numbers.current {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

/* 3. Articles Card (Bottom Fade) */
html[data-theme="dark"] .fuzy-articles-simple {
    background: #18181b;
}

html[data-theme="dark"] .fuzy-articles-simple-title {
    color: #ffffff;
}

/* 4. Updated Items — Fresh Card Design */
html[data-theme="dark"] .fuzy-refresh-card {
    --refresh-accent: var(--fuzy-dark-primary-color, #e5e7eb);
    color: #f3f4f6;
    background: #1b1b1f;
    border-color: #33343a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}
html[data-theme="dark"] .fuzy-refresh-card:hover,
html[data-theme="dark"] .fuzy-refresh-card:focus-visible {
    color: #ffffff;
    border-color: var(--fuzy-dark-primary-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
}
html[data-theme="dark"] .fuzy-refresh-card__visual {
    background: linear-gradient(145deg, #292a2f, #222328);
}
html[data-theme="dark"] .fuzy-refresh-card__visual::before {
    border-color: rgba(220, 223, 230, .10);
}
html[data-theme="dark"] .fuzy-refresh-card__visual::after {
    border-color: rgba(220, 223, 230, .09);
    box-shadow: 0 0 0 9px rgba(220, 223, 230, .025), 0 0 0 18px rgba(220, 223, 230, .018);
}
html[data-theme="dark"] .fuzy-refresh-card__icon-wrap {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .09);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .22);
}
html[data-theme="dark"] .fuzy-refresh-card__fallback {
    color: #d1d5db;
    background: #383a41;
}
html[data-theme="dark"] .fuzy-refresh-card__badge,
html[data-theme="dark"] .fuzy-refresh-card__arrow {
    color: #d5d7dc;
    background: rgba(34, 35, 40, .9);
    border-color: rgba(255, 255, 255, .09);
}
html[data-theme="dark"] .fuzy-refresh-card__badge-dot { background: var(--refresh-accent, var(--fuzy-dark-primary-color)); }
html[data-theme="dark"] .fuzy-refresh-card__footer { border-color: #33343a; }
html[data-theme="dark"] .fuzy-refresh-card__caption { color: #9ca3af; }
html[data-theme="dark"] .fuzy-refresh-card__action { color: var(--fuzy-dark-primary-color); }
html[data-theme="dark"] .fuzy-refresh-card:hover .fuzy-refresh-card__arrow,
html[data-theme="dark"] .fuzy-refresh-card:focus-visible .fuzy-refresh-card__arrow,
html[data-theme="dark"] .fuzy-refresh-card:active .fuzy-refresh-card__arrow {
    color: #fff;
    background: var(--fuzy-dark-primary-color);
    border-color: var(--fuzy-dark-primary-color);
}

/* 6. View All */
html[data-theme="dark"] .fuzy-view-all {
    color: color-mix(in srgb, var(--fuzy-dark-primary-color) 80%, white);
    background: color-mix(in srgb, var(--fuzy-dark-primary-color) 15%, transparent);
}

html[data-theme="dark"] .fuzy-view-all:hover {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

/* 7. FAQ Question Span */
html[data-theme="dark"] .fuzy-faq2-question span:first-child {
    color: #f3f3f4;
}


/* =====================================
   DARK MODE - MOBILE BOTTOM NAV (GLASSMORPHISM)
===================================== */

@media screen and (max-width: 900px) {

    /* 1. Default Nav Container */
    html[data-theme="dark"] .mobile-bottom-nav .nav-container {
        background: rgba(24, 24, 27, 0.75);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: 
            0 8px 30px rgba(0, 0, 0, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    /* 2. Items & Links */
    html[data-theme="dark"] .nav-mode-default .nav-item {
        color: #a1a1aa;
    }

    html[data-theme="dark"] .nav-mode-default .nav-item.active {
        color: #ffffff; 
    }

    html[data-theme="dark"] .nav-mode-default .nav-divider {
        background-color: rgba(255, 255, 255, 0.12);
    }

    html[data-theme="dark"] #openSearchBtn svg {
        stroke: #f3f3f4;
    }

    /* 3. Nav Mode Search Expanded */
    html[data-theme="dark"] .nav-mode-search {
        background: rgba(24, 24, 27, 0.85);
        backdrop-filter: blur(28px) saturate(200%);
        -webkit-backdrop-filter: blur(22px) saturate(180%);
        border-color: rgba(255, 255, 255, 0.15);
        box-shadow: 
            inset 0 1px 0 rgba(255, 255, 255, 0.15),
            0 8px 25px rgba(0, 0, 0, 0.4);
    }

    html[data-theme="dark"] .nav-mode-search .search-input-icon {
        color: #a1a1aa;
    }

    html[data-theme="dark"] .nav-mode-search input[type="search"] {
        color: #f3f3f4;
    }

    html[data-theme="dark"] .nav-mode-search input[type="search"]::placeholder {
        color: #71717a;
    }

    html[data-theme="dark"] .nav-mode-search .close-search-btn {
        background: rgba(255, 255, 255, 0.1);
        color: #f3f3f4;
    }

    /* 4. Search Suggestions Popup */
    html[data-theme="dark"] .search-suggestions-popup {
        background: rgba(24, 24, 27, 0.88);
        backdrop-filter: blur(22px) saturate(180%);
        -webkit-backdrop-filter: blur(22px) saturate(180%);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: 
            0 15px 40px rgba(0, 0, 0, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    html[data-theme="dark"] .suggestion-loading {
        color: #a1a1aa;
    }

    html[data-theme="dark"] .suggestion-item {
        color: #f3f3f4;
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    html[data-theme="dark"] .suggestion-item:active {
        background-color: rgba(255, 255, 255, 0.08);
    }

    html[data-theme="dark"] .suggestion-thumb {
        background-color: #27272a;
    }

    html[data-theme="dark"] .suggestion-title {
        color: #f3f3f4;
    }

    html[data-theme="dark"] .suggestion-sub {
        color: #a1a1aa;
    }
}


/* =====================================
   DARK MODE - GLASS ACTIVE TAB & TRENDING CARDS
===================================== */

/* 1. Glass Active Tab */
html[data-theme="dark"] .nav-mode-default .nav-item.active {
    color: #f3f3f4;
}

html[data-theme="dark"] .nav-mode-default .nav-item.active::before {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 6px 18px rgba(0, 0, 0, 0.4);
}

/* 2. Trending / New Cards */
html[data-theme="dark"] .trnd-card {
    background: #212124;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .trnd-card:hover {
    border-color: rgba(255, 255, 255, 0.18);
}

/* Gray frame surrounding the icon */
html[data-theme="dark"] .trnd-media-box {
    background-color: #242428;
    background-image:
        radial-gradient(circle at 50% 45%, rgba(190, 190, 200, 0.045), transparent 68%);
    border-color: rgba(190, 190, 200, 0.12);
}

html[data-theme="dark"] .trnd-media-box::before {
    background: radial-gradient(ellipse at center, rgba(190, 190, 200, 0.045), transparent 72%);
}

html[data-theme="dark"] .trnd-media-box::after {
    border-color: rgba(190, 190, 200, 0.10);
}

/* Internal app icon */
html[data-theme="dark"] .trnd-app-icon {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* =====================================
   DARK MODE - TRENDING CARD BADGES & TEXT
===================================== */

/* 1. Badges */
/* Badge MOD */
html[data-theme="dark"] .trnd-badge-mod {
    background: color-mix(in srgb, var(--fuzy-dark-primary-color) 10%, transparent);
    color: color-mix(in srgb, var(--fuzy-dark-primary-color) 80%, white);
}

/* Badge Original */
html[data-theme="dark"] .trnd-badge-original {
    background-color: #27272a;
    color: #a1a1aa;
}

/* 2. Title & Meta Text */
html[data-theme="dark"] .trnd-title {
    color: #f3f3f4;
}

html[data-theme="dark"] .trnd-meta {
    color: #94a3b8;
}

/* 3. Footer & Rating */
html[data-theme="dark"] .trnd-rating-score {
    color: #f3f3f4;
}

html[data-theme="dark"] .trnd-dot,
html[data-theme="dark"] .trnd-size-text,
html[data-theme="dark"] .trnd-mod-text {
    color: #a1a1aa;
}

/* =====================================
   DARK MODE - SEARCH RESULTS & HERO GLOW EFFECT
===================================== */

html[data-theme="dark"] .search-news-meta {
    color: #a1a1aa;
}

html[data-theme="dark"] .search-news-row .search-app-icon img {
    background: #18181b;
}

html[data-theme="dark"] .fuzy-version-download svg *,
html[data-theme="dark"] .fuzy-version-download svg path,
html[data-theme="dark"] .fuzy-version-download svg polyline {
    stroke: var(--fuzy-dark-primary-color);
    fill: none;
}

html[data-theme="dark"] .fuzy-archive-description,
html[data-theme="dark"] .fuzy-archive-description * {
    color: #d1d5db; 
}


html[data-theme="dark"] .fuzy-version-note a {
    color: var(--fuzy-dark-primary-color);
}



/* =====================================
    FUZY SINGLE CONTENT - DARK THEME 
===================================== */

html[data-theme="dark"] .fuzy-single-content {
    color: #cbd5e1;
}

html[data-theme="dark"] .fuzy-content-heading {
    color: var(--fuzy-dark-primary-color);
}	
	
html[data-theme="dark"] .fuzy-single-content .fuzy-content-header-wrap {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .fuzy-single-content .fuzy-content-heading::after {
    background-color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-single-content .fuzy-native-share-btn {
    color: var(--fuzy-dark-primary-color);
    border-color: var(--fuzy-dark-primary-color);
    background: transparent;
}

html[data-theme="dark"] .fuzy-single-content .fuzy-native-share-btn:hover {
    background: var(--fuzy-dark-primary-color);
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-single-content h2 {
    color: #f8fafc;
	border-left-color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-single-content h3 {
    color: #cbd5e1;
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] .fuzy-single-content a {
    color: var(--fuzy-dark-primary-color);
}

html[data-theme="dark"] .fuzy-single-content a:hover {
    color: #ffffff;
}

/* Single App: transparent Available Versions cards in dark mode */
html[data-theme="dark"] .single-app .fuzy-versions-section .fuzy-versions-list {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
html[data-theme="dark"] .single-app .fuzy-versions-section .fuzy-version-card,
html[data-theme="dark"] .single-app .fuzy-versions-section .fuzy-version-card:hover,
html[data-theme="dark"] .single-app .fuzy-versions-section .fuzy-version-card:focus-within {
    background: transparent !important;
    border: none !important;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none !important;
}
html[data-theme="dark"] .single-app .fuzy-versions-section .fuzy-version-title {
    color: var(--fuzy-dark-primary-color);
}

/* FUZY APK - FEATURED TODAY CARD: transparent background and dark theme border */
html[data-theme="dark"] .fuzy-featured-today .trnd-card {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: none;
}

html[data-theme="dark"] .fuzy-featured-today .trnd-card:hover,
html[data-theme="dark"] .fuzy-featured-today .trnd-card:focus,
html[data-theme="dark"] .fuzy-featured-today .trnd-card:focus-visible,
html[data-theme="dark"] .fuzy-featured-today .trnd-card:active {
    border-color: var(--fuzy-dark-primary-color);
}


/* Single App specs: neutral transparent surface in dark mode, no hover accent */
html[data-theme="dark"] .single-app .fuzy-single-spec,
html[data-theme="dark"] .single-app .fuzy-single-spec:hover,
html[data-theme="dark"] .single-app .fuzy-single-spec:focus,
html[data-theme="dark"] .single-app .fuzy-single-spec:focus-within {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html[data-theme="dark"] .single-app .fuzy-single-spec::before,
html[data-theme="dark"] .single-app .fuzy-single-spec::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
html[data-theme="dark"] .single-app .fuzy-single-spec .fuzy-spec-row,
html[data-theme="dark"] .single-app .fuzy-single-spec .fuzy-spec-row:hover,
html[data-theme="dark"] .single-app .fuzy-single-spec .fuzy-spec-label:hover,
html[data-theme="dark"] .single-app .fuzy-single-spec .fuzy-spec-value:hover {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
}

/* ==========================================================
   FUZY SINGLE APP — TRANSPARENT STATS & COMMENTS (DARK)
========================================================== */
html[data-theme="dark"] .single-app .fuzy-comments-section #respond,
html[data-theme="dark"] .single-app .fuzy-comments-section .comment-respond,
html[data-theme="dark"] .single-app .fuzy-comments-section .fuzy-comment-list,
html[data-theme="dark"] .single-app .fuzy-comments-section .fuzy-comment-ul li,
html[data-theme="dark"] .single-app .fuzy-comments-section .fuzy-comment-ul li:hover,
html[data-theme="dark"] .single-app .fuzy-comments-section .comment-input input,
html[data-theme="dark"] .single-app .fuzy-comments-section .comment-input textarea {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .single-app .fuzy-comment-ul li,
html[data-theme="dark"] .single-app .fuzy-comment-ul li:hover,
html[data-theme="dark"] .single-app .fuzy-comments-section .comment-input input,
html[data-theme="dark"] .single-app .fuzy-comments-section .comment-input textarea {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

html[data-theme="dark"] .fuzy-search-page .trnd-card {
    border-color: rgba(255, 255, 255, .14);
}

/* DARK MODE */
.dark-mode .custom-note,
.dark .custom-note,
[data-theme="dark"] .custom-note {
    background-color: #14251c;
    border-color: #28583b;
    border-left-color: #4ade80;
    color: #d1d5db;
}

.dark-mode .custom-note .custom-note-title,
.dark .custom-note .custom-note-title,
[data-theme="dark"] .custom-note .custom-note-title {
    color: #86efac;
}

.dark-mode .custom-note .custom-note-content,
.dark .custom-note .custom-note-content,
[data-theme="dark"] .custom-note .custom-note-content {
    color: #d1d5db;
}

.dark-mode .custom-note a,
.dark .custom-note a,
[data-theme="dark"] .custom-note a {
    color: #4ade80;
}

/* SOCIAL DOWNLOAD - DARK MODE */
html[data-theme="dark"] .fuzy-social-follow {
    text-align: center;
}

html[data-theme="dark"] .fuzy-social-follow p {
    color: #e5e7eb;
    text-align: center;
}

html[data-theme="dark"] .fuzy-social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

html[data-theme="dark"] .fuzy-social-follow .fuzy-social,
html[data-theme="dark"] .fuzy-social-follow .fuzy-social:visited {
    background: #079fe3;
    color: #ffffff;
    border: 0;
}

html[data-theme="dark"] .fuzy-social-follow .fuzy-social:hover,
html[data-theme="dark"] .fuzy-social-follow .fuzy-social:focus-visible {
    background: #078fd0;
    color: #ffffff;
}

html[data-theme="dark"] .fuzy-social-follow .fuzy-social svg {
    color: #ffffff;
}


/* Language picker polish: neutral selected state and compact toggle */