/* =====================================================================
   GIAO DIỆN SÁNG – NỀN TẢNG TOÀN SITE (nạp bởi JS khi khách chọn nền sáng; xem includes/site-tpv/theme-mode.php)
   Phong cách: giấy ngà ấm + chữ tím than + vàng đồng cổ (giữ chất tím–vàng, đọc rõ ≥ 7:1).
   Header, footer, menu di động giữ nền TỐI ("đảo tối") vì logo vàng kim chỉ đẹp trên nền tối.
   Mọi rule bắt đầu bằng html.tpv-light để thắng CSS nền tối.
   ===================================================================== */

/* ---------- Bảng màu sáng (ghi đè biến của tpv-site.css; phải kèm `body` vì tpv-site.css khai biến trên cả :root lẫn body) ---------- */
html.tpv-light, html.tpv-light body {
  --pg-bg0: #fbf7ee; --pg-bg1: #f3ecdd; --pg-bg2: #e9dfc9;
  --pg-card: rgba(70, 45, 120, 0.05); --pg-card-2: rgba(70, 45, 120, 0.09);
  --pg-line: rgba(138, 99, 0, 0.40); --pg-line-soft: rgba(60, 40, 10, 0.15);
  --pg-gold: #7a5600; --pg-gold-2: #4a3300; --pg-gold-deep: #6b4a00;
  --pg-violet: #5b2fc0; --pg-violet-2: #4a2a9a; --pg-purple: #6d28d9;
  --pg-text: #2a2140; --pg-muted: #5c5373;
  --pg-metal: linear-gradient(100deg, #5c4100 0%, #7a5600 35%, #8a6300 55%, #6b4a00 100%);
  --primary-color: #5b2fc0; --fs-color-primary: #5b2fc0; --fs-color-secondary: #7a5600; --fs-color-alert: #7a5600; --fs-color-success: #1f7a3f;
  --fs-experimental-link-color: #5b2fc0; --fs-experimental-link-color-hover: #3a1c8a;
  color-scheme: light;
}

/* ---------- "Đảo tối": các vùng luôn nền tối, trả lại bảng màu tối cho chúng ---------- */
html.tpv-light .header-wrapper, html.tpv-light .header, html.tpv-light .footer-wrapper, html.tpv-light .absolute-footer, html.tpv-light .mobile-sidebar,
html.tpv-light .off-canvas .mfp-content, html.tpv-light .nav-dropdown, html.tpv-light .tpv-tm-dark {
  --pg-bg0: #05030f; --pg-bg1: #120a2e; --pg-bg2: #22134f;
  --pg-card: rgba(255, 255, 255, 0.04); --pg-card-2: rgba(255, 255, 255, 0.07);
  --pg-line: rgba(232, 199, 125, 0.28); --pg-line-soft: rgba(255, 255, 255, 0.11);
  --pg-gold: #e8c77d; --pg-gold-2: #f8e6b4; --pg-gold-deep: #b8932f;
  --pg-violet: #b48cff; --pg-violet-2: #d7c3ff; --pg-purple: #7c3aed;
  --pg-text: #ece6fb; --pg-muted: #b3a7d6;
  --pg-metal: linear-gradient(100deg, #b8932f 0%, #f8e6b4 28%, #e8c77d 50%, #fff3cf 66%, #c9a24a 100%);
  color-scheme: dark;
}
/* Khối chèn vào ĐẦU <footer> (hook flatsome_before_footer, trước phần widget tối): dải "Dự đoán XSMB mới nhất" (.tpv-xsl-wrap, xsmb-hub.php)
   và thanh ủng hộ gọn (.tpv-uh-footer, ung-ho.php) nằm trên dải nền ngà (#f6efdf) → trả lại bảng màu sáng, nếu không chữ vàng kim chìm vào nền. */
html.tpv-light .footer-wrapper .tpv-xsl-wrap, html.tpv-light .footer-wrapper .tpv-uh-footer {
  --pg-bg0: #fbf7ee; --pg-bg1: #f3ecdd; --pg-bg2: #e9dfc9;
  --pg-card: rgba(70, 45, 120, 0.05); --pg-card-2: rgba(70, 45, 120, 0.09);
  --pg-line: rgba(138, 99, 0, 0.40); --pg-line-soft: rgba(60, 40, 10, 0.15);
  --pg-gold: #7a5600; --pg-gold-2: #4a3300; --pg-gold-deep: #6b4a00; --pg-gold-btn: #e8c77d;
  --pg-violet: #5b2fc0; --pg-violet-2: #4a2a9a; --pg-purple: #6d28d9;
  --pg-text: #2a2140; --pg-muted: #5c5373;
  --pg-metal: linear-gradient(100deg, #5c4100 0%, #7a5600 35%, #8a6300 55%, #6b4a00 100%);
  color-scheme: light; color: var(--pg-text);
}
html.tpv-light .footer-wrapper .tpv-xsl { background: #fffdf8; border-color: rgba(138, 99, 0, .35); box-shadow: 0 4px 14px rgba(60, 40, 10, .07); }
html.tpv-light .footer-wrapper .tpv-xsl__h h3 { color: #3a2a00; }
html.tpv-light .footer-wrapper .tpv-xsl li a { color: #2a2140; } html.tpv-light .footer-wrapper .tpv-xsl li b { color: #2a1d00; }
html.tpv-light .footer-wrapper .tpv-xsl li a:hover b { color: #5b2fc0; }
html.tpv-light .footer-wrapper .tpv-xsl__d { color: #5c5373; opacity: 1; }
html.tpv-light .footer-wrapper .tpv-xsl em { background: #f3d98f; color: #2a1d05; }

/* ---------- Nền trang ---------- */
html.tpv-light, html.tpv-light body { background: var(--pg-bg0); }
html.tpv-light #wrapper {
  background:
    radial-gradient(70% 38% at 12% 0%, rgba(124, 58, 237, 0.10), transparent 62%),
    radial-gradient(50% 32% at 92% 10%, rgba(200, 150, 30, 0.14), transparent 60%),
    linear-gradient(180deg, #fbf7ee 0%, #f6f0e2 55%, #efe6d3 100%);
}
html.tpv-light #main::before { display: none; }          /* bỏ nền sao */
html.tpv-light .tpv-sky, html.tpv-light .tpv-stars { opacity: .12; }

/* ---------- Chữ, liên kết ---------- */
html.tpv-light body, html.tpv-light p, html.tpv-light li, html.tpv-light td, html.tpv-light th, html.tpv-light dd, html.tpv-light dt,
html.tpv-light .entry-content, html.tpv-light .entry-summary { color: var(--pg-text); }
html.tpv-light h1, html.tpv-light h2, html.tpv-light h3, html.tpv-light h4, html.tpv-light h5, html.tpv-light h6, html.tpv-light .heading-font { color: #3a2a00; }
html.tpv-light strong, html.tpv-light b { color: #2a1d00; }
html.tpv-light a { color: #5b2fc0; }
html.tpv-light a:hover { color: #3a1c8a; }
html.tpv-light ::selection { background: #e8c77d; color: #1d1400; }
html.tpv-light blockquote { color: #3b2a7a; background: rgba(91, 47, 192, 0.06); border-left-color: #8a6300; }
html.tpv-light code, html.tpv-light pre { background: #f1e9d6; color: #4a3300; border-color: rgba(60, 40, 10, 0.18); }
html.tpv-light hr, html.tpv-light .is-divider { background-color: #8a6300; }
html.tpv-light .is-divider, html.tpv-light .is-divider.small { background: linear-gradient(90deg, #8a6300, rgba(138, 99, 0, 0.1)); }
/* Chữ vàng ánh kim → vàng đồng đậm (đọc được trên nền sáng) */
html.tpv-light .tpv-metal, html.tpv-light .page-title .entry-title, html.tpv-light .archive-page-header .page-title, html.tpv-light .entry-header .entry-title,
html.tpv-light .section-title-main, html.tpv-light .post-title, html.tpv-light .widget-title, html.tpv-light .entry-content h2:not(.tpv-card__title):not(.ftwp-heading-target),
html.tpv-light .page-wrapper > .row-main > .col > h2, html.tpv-light .wp-block-heading, html.tpv-light .yarpp-related h3, html.tpv-light .entry-content h2.ftwp-heading {
  background: var(--pg-metal); -webkit-background-clip: text; background-clip: text; filter: none;
}

/* ---------- Form (tpv-site.css dùng :not(.tpv-input) + !important nên phải khớp; ô .tpv-input của công cụ do light-tsh/light-dong lo) ---------- */
html.tpv-light input[type=text]:not(.tpv-input), html.tpv-light input[type=email]:not(.tpv-input), html.tpv-light input[type=tel]:not(.tpv-input), html.tpv-light input[type=number]:not(.tpv-input),
html.tpv-light input[type=url]:not(.tpv-input), html.tpv-light input[type=password]:not(.tpv-input), html.tpv-light input[type=search]:not(.tpv-input), html.tpv-light input[type=date]:not(.tpv-input),
html.tpv-light select:not(.tpv-input), html.tpv-light textarea:not(.tpv-input) {
  background-color: #fffdf8 !important; color: #2a2140 !important; border-color: rgba(60, 40, 10, 0.3) !important; box-shadow: inset 0 1px 2px rgba(60, 40, 10, 0.06);
}
html.tpv-light input:not(.tpv-input)::placeholder, html.tpv-light textarea:not(.tpv-input)::placeholder { color: #6b6280 !important; opacity: 1; }
html.tpv-light input:not(.tpv-input):focus, html.tpv-light select:not(.tpv-input):focus, html.tpv-light textarea:not(.tpv-input):focus { color: #2a2140 !important; border-color: #5b2fc0 !important; box-shadow: 0 0 0 3px rgba(91, 47, 192, 0.18); }
/* ô tìm kiếm trong header (đảo tối) giữ nền tối */
html.tpv-light .header input[type=search], html.tpv-light .header-wrapper input[type=search], html.tpv-light .mobile-sidebar input[type=search], html.tpv-light .nav-dropdown input[type=search] { background-color: rgba(6, 3, 22, .6) !important; color: #ece6fb !important; border-color: rgba(255, 255, 255, .11) !important; }
html.tpv-light .header input[type=search]::placeholder, html.tpv-light .mobile-sidebar input[type=search]::placeholder, html.tpv-light .nav-dropdown input[type=search]::placeholder { color: #b3a7d6 !important; }

/* ---------- Header / menu: giữ chữ sáng trong đảo tối (rule gốc dùng !important nên không cần gì thêm), chỉ cần màu hover ---------- */
html.tpv-light .nav > li > a:hover, html.tpv-light .nav > li.active > a { color: #fff !important; }

/* ---------- Bố cục bài viết / widget / danh sách ---------- */
html.tpv-light .widget, html.tpv-light .sidebar-inner .widget { color: var(--pg-text); }
html.tpv-light .is-divider.small { opacity: .8; }
html.tpv-light .badge-outline .badge-inner { border-color: #8a6300; color: #4a3300; }
html.tpv-light .badge-inner { background: rgba(255, 252, 244, .92); }
html.tpv-light .entry-meta, html.tpv-light .entry-meta a, html.tpv-light .post-date, html.tpv-light .from_the_blog_comments { color: var(--pg-muted); }
html.tpv-light .col-inner .box-text, html.tpv-light .box-text p { color: var(--pg-text); }

/* =====================================================================
   HUB (hub.css): menu, gợi ý công cụ, trang chủ
   ===================================================================== */
html.tpv-light .tpv-ic { color: #4a3300; background: radial-gradient(circle at 35% 30%, rgba(255, 236, 190, .95), rgba(232, 199, 125, .45) 72%); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-pt { background: #fffdf8; border-color: rgba(60, 40, 10, .16); }
html.tpv-light .tpv-pt__lb { color: var(--pg-muted); }
html.tpv-light .tpv-chip { color: #3a2a00; background: #fff6dd; border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-chip:hover { background: #8a6300; color: #fff; } html.tpv-light .tpv-chip:hover .tpv-ic { color: #fff; }
html.tpv-light .tpv-inl { background: linear-gradient(135deg, rgba(91, 47, 192, .09), rgba(232, 199, 125, .3)); border-color: rgba(138, 99, 0, .45); box-shadow: 0 6px 18px rgba(60, 40, 10, .1); }
html.tpv-light .tpv-inl__b b { color: #3a2a00; } html.tpv-light .tpv-inl__b span { color: var(--pg-muted); }
html.tpv-light .tpv-next, html.tpv-light .tpv-personal { background: #fffdf8; border-color: rgba(138, 99, 0, .4); box-shadow: 0 8px 26px rgba(60, 40, 10, .1);
  background-image: radial-gradient(120% 140% at 0% 0%, rgba(124, 58, 237, .08), transparent 60%); }
html.tpv-light #main .tpv-next__t, html.tpv-light .tpv-next__t, html.tpv-light #main .tpv-personal__t { color: #3a2a00 !important; -webkit-text-fill-color: #3a2a00; }
html.tpv-light .tpv-next__kicker, html.tpv-light .tpv-sec__k { color: #5b2fc0; }
html.tpv-light .tpv-next__sub, html.tpv-light .tpv-personal__sub, html.tpv-light .tpv-next__prog { color: var(--pg-muted); }
html.tpv-light .tpv-next__bar { background: rgba(60, 40, 10, .12); }
html.tpv-light .tpv-ncard { background: #fff; border-color: rgba(60, 40, 10, .16); }
html.tpv-light .tpv-ncard:hover { background: #fff6dd; border-color: rgba(138, 99, 0, .55); }
html.tpv-light .tpv-ncard__b b { color: #3a2a00; } html.tpv-light .tpv-ncard__b span { color: var(--pg-muted); }
html.tpv-light .tpv-ncard.is-used .tpv-ncard__b b::after { color: #5b2fc0; }
html.tpv-light .tpv-next__all { color: #5b2fc0; }
html.tpv-light .tpv-sb { background: #fffdf8; border-color: rgba(138, 99, 0, .4); }
html.tpv-light #main .tpv-sb__t, html.tpv-light .tpv-sb__t { color: #3a2a00 !important; -webkit-text-fill-color: #3a2a00; }
html.tpv-light .tpv-sbtool__b b { color: #3a2a00; } html.tpv-light .tpv-sbtool__b span { color: #5b2fc0; } html.tpv-light .tpv-sbtool:hover { background: #fff6dd; }
html.tpv-light .tpv-float { background: rgba(255, 252, 244, .98); border-color: #8a6300; box-shadow: 0 12px 34px rgba(60, 40, 10, .28); }
html.tpv-light .tpv-float__b b { color: #3a2a00; } html.tpv-light .tpv-float__b span { color: var(--pg-muted); }
html.tpv-light .tpv-float__x { background: #fff; color: #3a2a00; border-color: #8a6300; }
html.tpv-light .tpv-rbar i { background: linear-gradient(90deg, #5b2fc0, #8a6300); box-shadow: none; }
/* Trang chủ */
html.tpv-light #main .tpv-hero h1 { color: #3a2a00; } html.tpv-light .tpv-hero__lead { color: var(--pg-text); } html.tpv-light .tpv-hero__lead strong { color: #3a2a00; }
html.tpv-light .tpv-hero__p { color: var(--pg-muted); } html.tpv-light .tpv-hero__k { color: #7a5600; } html.tpv-light .tpv-hero__k::before { background: #7a5600; }
html.tpv-light .tpv-btn--line { color: #3a2a00 !important; background: #fffdf8; border-color: rgba(138, 99, 0, .55); } html.tpv-light .tpv-btn--line:hover { background: #fff1cc; }
html.tpv-light .tpv-hero__pic img { box-shadow: 0 18px 40px rgba(60, 40, 10, .28); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-hero__pic::before { border-color: rgba(138, 99, 0, .4); }
html.tpv-light .tpv-stats b { color: #7a5600; } html.tpv-light .tpv-stats span { color: var(--pg-muted); }
html.tpv-light #main .tpv-sec h2 { color: #3a2a00; } html.tpv-light .tpv-sec p { color: var(--pg-muted); }
html.tpv-light .tpv-intent { background: #fff; border-color: rgba(60, 40, 10, .14); box-shadow: 0 4px 14px rgba(60, 40, 10, .06); }
html.tpv-light .tpv-intent:hover { border-color: rgba(138, 99, 0, .55); }
html.tpv-light #main .tpv-intent__t { color: #3a2a00; } html.tpv-light .tpv-intent > p { color: var(--pg-muted); }
html.tpv-light .tpv-intent__l a { color: #3a2a00; background: #faf4e6; } html.tpv-light .tpv-intent__l a:hover { background: #fff1cc; border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-jr { background: #fff; border-color: rgba(138, 99, 0, .4); box-shadow: 0 4px 14px rgba(60, 40, 10, .06); }
html.tpv-light #main .tpv-jr__t { color: #3a2a00; } html.tpv-light .tpv-jr > p, html.tpv-light .tpv-jr__p { color: var(--pg-muted); }
html.tpv-light .tpv-jr__n { background: #fff6dd; color: #3a2a00; border-color: rgba(138, 99, 0, .55); } html.tpv-light .tpv-jr ol::before { background: rgba(138, 99, 0, .4); }
html.tpv-light .tpv-jr__s b { color: #3a2a00; } html.tpv-light .tpv-jr__s span { color: #5b2fc0; }
html.tpv-light .tpv-jr li a:hover .tpv-jr__n { background: #8a6300; color: #fff; }
html.tpv-light .tpv-pcard { background: #fff; border-color: rgba(60, 40, 10, .14); box-shadow: 0 4px 14px rgba(60, 40, 10, .06); }
html.tpv-light .tpv-pcard__b b { color: #3a2a00; } html.tpv-light .tpv-pcard__b em { color: #5b2fc0; } html.tpv-light .tpv-pcard__d { color: var(--pg-muted); }
html.tpv-light .tpv-pcard__i { background: linear-gradient(135deg, #efe6d3, #e3d6ee); }
html.tpv-light .tpv-blog__topics a { color: #3a2a00; background: #fffdf8; border-color: rgba(138, 99, 0, .45); } html.tpv-light .tpv-blog__topics a:hover { background: #8a6300; color: #fff; }
html.tpv-light .tpv-blog__topics > span { color: var(--pg-muted); }

/* =====================================================================
   TRANG CHỦ – section Flatsome (bg_color inline tối), 3 nhóm thẻ công cụ, motto, "Về Thầy"
   ===================================================================== */
html.tpv-light #main section.section, html.tpv-light #main section.section.dark { background-color: transparent !important; color: var(--pg-text); }
html.tpv-light #main section.section .section-bg, html.tpv-light #main .section-bg { background-color: transparent !important; }
html.tpv-light #main .dark, html.tpv-light #main .dark p, html.tpv-light #main .dark li { color: var(--pg-text); }
html.tpv-light #main .dark h2, html.tpv-light #main .dark h3, html.tpv-light #main .dark h4 { color: #3a2a00; }
html.tpv-light #main [style*="232, 199, 125"], html.tpv-light #main [style*="232,199,125"] { color: #5c4100 !important; }
html.tpv-light #main .section-title-main[style], html.tpv-light #main h2.section-title-main { color: #3a2a00; }
html.tpv-light .tpv-sec__k, html.tpv-light .tpv-tools__label { color: #4a2a9a; }

/* Thẻ công cụ: bản sáng, mỗi trường phái một sắc */
html.tpv-light .tpv-tools__head h3 { color: #3a2a00; }
html.tpv-light .tpv-tool { box-shadow: 0 8px 24px rgba(60, 40, 10, .12); }
html.tpv-light .tpv-tool:hover { box-shadow: 0 18px 38px rgba(60, 40, 10, .2), 0 0 0 1px var(--tg-line); }
html.tpv-light .tpv-tool__icon { box-shadow: none; }
html.tpv-light .tpv-tools__orn { color: #6b4a00; }
html.tpv-light .tpv-tools__group--tsh { --tg-label: #4a2a9a; --tg-line: rgba(91, 47, 192, .28); --tg-line-strong: rgba(91, 47, 192, .5);
  --tg-bg: linear-gradient(160deg, #ffffff 0%, #f1eaff 100%); --tg-accent: linear-gradient(90deg, #7c3aed 0%, #a78bfa 55%, #b8932f 100%);
  --tg-icon: #4a2a9a; --tg-icon-bg: radial-gradient(circle at 35% 30%, rgba(124, 58, 237, .22), rgba(124, 58, 237, .06) 70%);
  --tg-cta-fg: #3a1c8a; --tg-cta-bg: #efe7ff; --tg-cta-line: rgba(91, 47, 192, .4); --tg-cta-bg-hover: #4a2a9a; --tg-cta-fg-hover: #fff; }
html.tpv-light .tpv-tools__group--tsh .tpv-tool::after { background: radial-gradient(rgba(91, 47, 192, .22) 1px, transparent 1.4px) 0 0 / 14px 14px; }
html.tpv-light .tpv-tools__group--tsh .tpv-tool__icon { outline-color: rgba(91, 47, 192, .22); }
html.tpv-light #main .tpv-tools__group--tsh .tpv-tool__title { color: #2e1a6b; }
html.tpv-light .tpv-tools__group--dong { --tg-label: #8a2a12; --tg-line: rgba(138, 40, 20, .32); --tg-line-strong: rgba(138, 40, 20, .55);
  --tg-bg: linear-gradient(160deg, #fff7ef 0%, #fbe6d8 100%);
  --tg-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='7' viewBox='0 0 28 7'%3E%3Cpath d='M0 6.5h9.5v-5h-6v2.5h3M14 .5v6h9.5v-5h-6v2.5h3' fill='none' stroke='%237a5600' stroke-opacity='.9'/%3E%3C/svg%3E") repeat-x left top / 28px 7px, rgba(190, 60, 40, .22);
  --tg-icon: #8a1c1c; --tg-icon-bg: radial-gradient(circle at 35% 30%, rgba(190, 40, 40, .2), rgba(190, 40, 40, .05) 70%);
  --tg-cta-fg: #7a1414; --tg-cta-bg: #fde8dc; --tg-cta-line: rgba(138, 40, 20, .45); --tg-cta-bg-hover: #8a1c1c; --tg-cta-fg-hover: #fff; }
html.tpv-light .tpv-tools__group--dong .tpv-tool::after { border-color: rgba(138, 99, 0, .3); }
html.tpv-light .tpv-tools__group--dong .tpv-tool__icon { outline-color: rgba(138, 99, 0, .4); }
html.tpv-light #main .tpv-tools__group--dong .tpv-tool__title { color: #5a1010; }
html.tpv-light .tpv-tools__group--dong .tpv-tools__head h3::before, html.tpv-light .tpv-tools__group--dong .tpv-tools__head h3::after { box-shadow: 0 0 0 1px rgba(138, 99, 0, .6); }
html.tpv-light .tpv-tools__group--tarot { --tg-label: #2a3a9a; --tg-line: rgba(138, 99, 0, .34); --tg-line-strong: rgba(138, 99, 0, .6);
  --tg-bg: radial-gradient(circle at 18% 18%, rgba(138, 99, 0, .35) 1px, transparent 1.6px), radial-gradient(circle at 72% 28%, rgba(138, 99, 0, .3) 1px, transparent 1.5px), radial-gradient(circle at 88% 70%, rgba(138, 99, 0, .3) 1px, transparent 1.5px), radial-gradient(circle at 40% 82%, rgba(138, 99, 0, .25) 1px, transparent 1.4px), linear-gradient(160deg, #f7f4ff 0%, #e6e8fb 100%);
  --tg-accent: linear-gradient(90deg, transparent 0%, #b8932f 30%, #8a6300 50%, #b8932f 70%, transparent 100%);
  --tg-icon: #2a2a7a; --tg-icon-bg: radial-gradient(circle at 50% 30%, rgba(124, 58, 237, .2), rgba(42, 42, 122, .06) 75%);
  --tg-cta-fg: #24246a; --tg-cta-bg: #fff6dd; --tg-cta-line: rgba(138, 99, 0, .5); --tg-cta-bg-hover: #24246a; --tg-cta-fg-hover: #fff; }
html.tpv-light #main .tpv-tools__group--tarot .tpv-tool__title { color: #1f1f5a; }
html.tpv-light .tpv-tools__group--tarot .tpv-tool::after { color: rgba(138, 99, 0, .7); }

/* Câu thơ triết lý: hoành phi giấy ngà */
html.tpv-light .tpv-motto { border-color: rgba(138, 99, 0, .6);
  background: radial-gradient(ellipse 70% 80% at 50% 45%, rgba(124, 58, 237, .09) 0%, rgba(124, 58, 237, 0) 70%), linear-gradient(180deg, #fffaf0 0%, #f3e8cf 100%);
  box-shadow: 0 0 0 1px rgba(255, 252, 244, .9), 0 14px 34px rgba(60, 40, 10, .16), inset 0 0 40px rgba(138, 99, 0, .06); }
html.tpv-light .tpv-motto__inner { border-color: rgba(138, 99, 0, .4);
  background-image: radial-gradient(circle at 50% 0, rgba(138, 99, 0, .12) 0 7px, transparent 8px), radial-gradient(circle at 50% 100%, rgba(138, 99, 0, .12) 0 7px, transparent 8px); }
html.tpv-light .tpv-motto::before, html.tpv-light .tpv-motto::after, html.tpv-light .tpv-motto__inner::before, html.tpv-light .tpv-motto__inner::after { border-color: #8a6300; filter: none; }
html.tpv-light .tpv-motto__ring { border-color: rgba(138, 99, 0, .25); box-shadow: inset 0 0 0 19px rgba(138, 99, 0, .08); }
html.tpv-light .tpv-motto__ring::before { opacity: .6; border-color: rgba(138, 99, 0, .2); }
html.tpv-light .tpv-motto__orn { color: #6b4a00; }
html.tpv-light .tpv-motto__orn::before { background: linear-gradient(90deg, rgba(138, 99, 0, 0), #8a6300); }
html.tpv-light .tpv-motto__orn::after { background: linear-gradient(90deg, #8a6300, rgba(138, 99, 0, 0)); }
html.tpv-light .tpv-motto__sym { filter: none; }
html.tpv-light .tpv-motto .tpv-motto__text { background: linear-gradient(100deg, #4a3300 0%, #7a5600 45%, #5c4100 100%); -webkit-background-clip: text; background-clip: text; filter: none; }
html.tpv-light .tpv-motto__seal { box-shadow: inset 0 0 0 2px #fffaf0, inset 0 0 0 3px #d0323a, 0 3px 8px rgba(60, 40, 10, .25); }

/* =====================================================================
   BÀI VIẾT: huy hiệu ngày, meta, mục lục Fixed TOC, widget, tác giả, điều hướng, chia sẻ
   ===================================================================== */
html.tpv-light .entry-image .badge.post-date .badge-inner, html.tpv-light .badge.post-date .badge-inner, html.tpv-light .recent-blog-posts .post-date .badge-inner {
  background: rgba(255, 246, 221, .96) !important; border: 1px solid #8a6300 !important; color: #3a2a00 !important; }
html.tpv-light .post-date-day, html.tpv-light .post-date-month, html.tpv-light .recent-blog-posts .post-date-day, html.tpv-light .recent-blog-posts .post-date-month,
html.tpv-light .box-badge .badge-inner .post-date-day, html.tpv-light .box-badge .badge-inner .post-date-month { color: #3a2a00 !important; }
html.tpv-light .box-badge .badge-inner { background: #f3d98f !important; color: #2a1d05 !important; }
html.tpv-light .entry-header .entry-category a, html.tpv-light .entry-category a { color: #7a5600 !important; }
html.tpv-light .entry-meta, html.tpv-light .entry-meta a, html.tpv-light .posted-on, html.tpv-light .byline, html.tpv-light .post-meta, html.tpv-light .entry-date { color: #5c5373 !important; }
html.tpv-light .entry-meta a:hover { color: #3a1c8a !important; }
html.tpv-light .box-image { background: #efe6d3; }
html.tpv-light .box-text .from_the_blog_excerpt, html.tpv-light .box-text .post-meta, html.tpv-light .box-text p { color: var(--pg-muted); }
html.tpv-light .box-badge .box-text .post-title, html.tpv-light .box-text .post-title.is-xsmall { color: #3a2a00; }
html.tpv-light .box-overlay .box-text, html.tpv-light .box-shade .box-text, html.tpv-light .box-overlay .box-text .post-title { color: #fff !important; }
html.tpv-light .author-box, html.tpv-light .entry-author { background: #fffaf0; border-color: rgba(138, 99, 0, .35); box-shadow: 0 4px 14px rgba(60, 40, 10, .08); }
html.tpv-light .author-box .author-name, html.tpv-light .entry-author h5, html.tpv-light .entry-author h4, html.tpv-light .author-box h5 { color: #3a2a00; }
html.tpv-light .avatar, html.tpv-light .author-box .blog-author-image img { border-color: #8a6300; }
html.tpv-light .social-icons .button.icon, html.tpv-light .share-icons .button.icon { border-color: rgba(138, 99, 0, .55) !important; color: #4a3300 !important; background: #fffaf0 !important; }
html.tpv-light .social-icons .button.icon:hover { background: #8a6300 !important; color: #fff !important; }
html.tpv-light .blog-share .is-divider { background: linear-gradient(90deg, transparent, #8a6300, transparent); }
html.tpv-light footer.entry-meta, html.tpv-light .entry-footer { color: #5c5373; }
html.tpv-light .nav-single a, html.tpv-light .next-prev-nav a, html.tpv-light .flex-row.next-prev-nav a { color: #5b2fc0; }
html.tpv-light .button.is-outline { border-color: #8a6300 !important; color: #3a2a00 !important; background: #fffaf0 !important; }
html.tpv-light .button.is-outline:hover { background: #8a6300 !important; color: #fff !important; }
html.tpv-light .button.is-link, html.tpv-light .button.is-underline { color: #5b2fc0 !important; }
html.tpv-light .button.icon, html.tpv-light .button.icon.circle { border-color: #8a6300 !important; color: #4a3300 !important; }
/* nút vàng chính: chữ rất đậm cho rõ */
html.tpv-light .button.primary, html.tpv-light .button.alert, html.tpv-light .button.secondary, html.tpv-light .button.success,
html.tpv-light .button:not(.is-outline):not(.is-link):not(.is-underline):not(.tpv-btn):not(.tpv-veil__skip):not(.plain):not(.icon), html.tpv-light input[type=submit]:not(.tpv-btn), html.tpv-light .wp-block-button__link { color: #1d1400 !important; text-shadow: none !important; }
/* Widget */
html.tpv-light .widget { background: #fffdf8; border-color: rgba(138, 99, 0, .28); box-shadow: 0 4px 14px rgba(60, 40, 10, .07); }
html.tpv-light .widget a, html.tpv-light .widget li a, html.tpv-light .wp-block-latest-posts__post-title, html.tpv-light .recent-blog-posts a { color: #3a2a00 !important; }
html.tpv-light .widget a:hover, html.tpv-light .wp-block-latest-posts__post-title:hover { color: #5b2fc0 !important; }
html.tpv-light .widget ul li, html.tpv-light .widget_recent_entries li { color: var(--pg-muted); border-color: rgba(60, 40, 10, .14) !important; }
html.tpv-light .tagcloud a, html.tpv-light .widget_tag_cloud a { background: #fff6dd; border-color: rgba(138, 99, 0, .4); color: #3a2a00 !important; }
html.tpv-light .widget_categories li a, html.tpv-light .widget_tag_cloud a { color: #3a2a00 !important; }
html.tpv-light .widget .is-divider { background: linear-gradient(90deg, #8a6300, transparent); }
html.tpv-light .searchform .ux-search-submit, html.tpv-light .searchform .submit-button, html.tpv-light .searchform button.icon { color: #1d1400 !important; }
html.tpv-light .searchform .ux-search-submit i { color: #1d1400 !important; }
html.tpv-light .widget_search input[type=search] { border-radius: 999px 0 0 999px; }
html.tpv-light .recent-blog-posts { border-color: rgba(60, 40, 10, .14) !important; }
html.tpv-light .widget_calendar table, html.tpv-light .widget_calendar caption { color: var(--pg-text); }

/* Mục lục Fixed TOC (#ftwp-*) */
html.tpv-light #ftwp-container, html.tpv-light .ftwp-in-post #ftwp-container, html.tpv-light .ftwp-widget, html.tpv-light #ftwp-container-outer .ftwp-wrap {
  background: #fffaf0 !important; color: var(--pg-text) !important; border: 1px solid rgba(138, 99, 0, .45) !important; box-shadow: 0 8px 24px rgba(60, 40, 10, .14) !important; }
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-contents, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-contents:hover #ftwp-list {
  background: #fffaf0 !important; color: var(--pg-text) !important; border-color: rgba(138, 99, 0, .4) !important; }
html.tpv-light #ftwp-header, html.tpv-light .ftwp-header, html.tpv-light #ftwp-header-title, html.tpv-light .ftwp-header-title,
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-header, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-contents:hover #ftwp-header { background: #f6e9c8 !important; color: #3a2a00 !important; border-bottom: 1px solid rgba(138, 99, 0, .3); }
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-header-title, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-header-control, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-header-control i { color: #3a2a00 !important; background: transparent !important; }
html.tpv-light #ftwp-contents a, html.tpv-light .ftwp-list a, html.tpv-light .ftwp-anchor, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-text, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor::before { color: #2a2140 !important; }
html.tpv-light #ftwp-contents a:hover, html.tpv-light .ftwp-anchor:hover, html.tpv-light .ftwp-active > .ftwp-anchor, html.tpv-light .ftwp-anchor.ftwp-active, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:hover,
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:hover .ftwp-text, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-active, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-active .ftwp-text,
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-active:hover, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:focus { color: #5b2fc0 !important; }
html.tpv-light .ftwp-list, html.tpv-light .ftwp-list-nest { color: var(--pg-muted) !important; }
html.tpv-light #ftwp-container .ftwp-icon-number, html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-icon-number { color: #7a5600 !important; }
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-list .ftwp-text::before, html.tpv-light .ftwp-heading-target::before { background: #8a6300 !important; }
html.tpv-light #ftwp-container.ftwp-wrap #ftwp-trigger { color: #1d1400 !important; box-shadow: 0 6px 18px rgba(60, 40, 10, .3); }

/* Bình luận: form mặc định + wpDiscuz */
html.tpv-light #comments .comment-reply-title, html.tpv-light #comments .comments-title, html.tpv-light .comment-form label { color: #3a2a00; }
html.tpv-light #respond, html.tpv-light .comment-respond { color: var(--pg-text); }
html.tpv-light .comment-form input[type=submit] { color: #1d1400 !important; }
html.tpv-light #wpdcom, html.tpv-light #wpdcom .wpd-comment-text, html.tpv-light #wpdcom .wpd-comment-text p, html.tpv-light #wpdcom .wpd-thread-info, html.tpv-light #wpdcom .wpd-form-head .wpd-auth, html.tpv-light #wpdcom .wpd-login,
html.tpv-light #wpdcom .wpd-thread-filter .wpd-filter, html.tpv-light #wpdcom .wpd-vote-result, html.tpv-light #wpdcom .wpd-reply-button, html.tpv-light #wpdcom .wpd-form-foot label, html.tpv-light #wpdcom .wpdiscuz-subscribe-form-intro,
html.tpv-light #wpdcom .wpdiscuz-subscribe-form-option, html.tpv-light #wpdcom .wpd-sbs-toggle, html.tpv-light #wpdcom .wpd-comment-date, html.tpv-light #wpdcom .wpd-thread-info::before { color: var(--pg-text); }
html.tpv-light #wpdcom .wpd-comment-date, html.tpv-light #wpdcom .wpd-vote-result, html.tpv-light #wpdcom .wpd-thread-info { color: var(--pg-muted); }
html.tpv-light #wpdcom .wpd-comment-author, html.tpv-light #wpdcom .wpd-comment-author a, html.tpv-light #wpdcom .wpd-thread-info.wpd-active, html.tpv-light #wpdcom .wpd-filter.wpd-active, html.tpv-light #wpdcom .wpd-sbs-toggle i,
html.tpv-light #wpdcom .wpd-blog-guest .wpd-comment-author, html.tpv-light #wpdcom .wpd-blog-guest .wpd-comment-author a, html.tpv-light #wpdcom .wpd-blog-administrator .wpd-comment-author, html.tpv-light #wpdcom .wpd-blog-administrator .wpd-comment-author a { color: #3a2a00 !important; }
html.tpv-light #wpdcom .wpd-form-wrap, html.tpv-light #wpdcom .wpd-comment-wrap { background: #fffdf8; border-color: rgba(138, 99, 0, .3); }
html.tpv-light #wpdcom .wpd-form-head { border-bottom-color: rgba(138, 99, 0, .4); }
html.tpv-light #wpdcom .wpd-thread-head, html.tpv-light #wpdcom .wpd-comment-footer { border-color: rgba(60, 40, 10, .16); }
html.tpv-light #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-wrap { border-left-color: rgba(60, 40, 10, .16); }
html.tpv-light #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap { background: #faf4e6 !important; border-left: 3px solid #8a6300 !important; }
html.tpv-light #wpdcom .wpd-vote-up, html.tpv-light #wpdcom .wpd-vote-down, html.tpv-light #wpdcom .wpd-reply-button i, html.tpv-light #wpdcom .wpd-comment-share i, html.tpv-light #wpdcom .wpd-field-icon, html.tpv-light #wpdcom .wpd-editor-char-counter { color: var(--pg-muted); }
html.tpv-light #wpdcom .wpd-vote-up:hover, html.tpv-light #wpdcom .wpd-reply-button:hover { color: #5b2fc0; }
html.tpv-light #wpdcom .wpd-editor-wraper, html.tpv-light #wpdcom .wpd-textarea-wrap, html.tpv-light #wpdcom .ql-editor, html.tpv-light #wpdcom .ql-container, html.tpv-light #wpdcom .wpdiscuz-item input,
html.tpv-light #wpdcom .wpd-form-row input, html.tpv-light #wpdcom .wpdiscuz-subscribe-form-email input { background-color: #fffdf8 !important; color: #2a2140 !important; border-color: rgba(60, 40, 10, .28) !important; }
html.tpv-light #wpdcom .ql-editor.ql-blank::before, html.tpv-light #wpdcom input::placeholder { color: #6b6280 !important; }
html.tpv-light #wpdcom .wpd-editor-toolbar, html.tpv-light #wpdcom .ql-toolbar { background: #f6efdc !important; border-color: rgba(60, 40, 10, .2) !important; }
html.tpv-light #wpdcom .ql-toolbar .ql-stroke { stroke: #4a3300; } html.tpv-light #wpdcom .ql-toolbar .ql-fill { fill: #4a3300; }
html.tpv-light #wpdcom .wpd-prim-button, html.tpv-light #wpdcom .wpdiscuz-subscribe-form-button input, html.tpv-light #wpdcom .wpd-load-more-submit { color: #1d1400 !important; }
html.tpv-light #wpdcom .wpd-secondary-button { border-color: #8a6300 !important; color: #3a2a00 !important; }
html.tpv-light #wpdcom .wpd-comment-label { background: #f3d98f !important; color: #2a1d05 !important; }
html.tpv-light #wpdcom .wpd-comment-text a { color: #5b2fc0; }
html.tpv-light #wpdcom .wpd-social-login, html.tpv-light #wpdcom .wc_social_plugin_wrapper { color: var(--pg-muted); }

/* Popup Maker (nếu có) */
html.tpv-light .pum-container, html.tpv-light .pum-theme-default-theme .pum-container, html.tpv-light .pum-theme-lightbox .pum-container { background: #fffaf0 !important; color: var(--pg-text) !important; border: 1px solid #8a6300 !important; box-shadow: 0 24px 60px rgba(60, 40, 10, .35) !important; }
html.tpv-light .pum-container .pum-title, html.tpv-light .pum-container h1, html.tpv-light .pum-container h2, html.tpv-light .pum-container h3 { color: #3a2a00 !important; }
html.tpv-light .pum-container .pum-content, html.tpv-light .pum-container .pum-content p, html.tpv-light .pum-container .pum-content li { color: var(--pg-text) !important; }
html.tpv-light .pum-container .pum-content a { color: #5b2fc0 !important; }
html.tpv-light .pum-close { color: #1d1400 !important; }
html.tpv-light .pum-overlay { background: rgba(42, 33, 64, .6) !important; }

/* Footer là đảo tối: trả lại widget, liên kết, chữ về bản tối (các rule .widget phía trên dành cho sidebar) */
html.tpv-light .footer-wrapper .widget, html.tpv-light .footer-widgets .widget { background: var(--pg-card); border-color: var(--pg-line-soft); box-shadow: none; color: var(--pg-text); }
html.tpv-light .footer-wrapper .widget a, html.tpv-light .footer-wrapper .widget li a { color: var(--pg-gold) !important; }
html.tpv-light .footer-wrapper .widget a:hover { color: #fff !important; }
html.tpv-light .footer-wrapper .widget ul li { color: var(--pg-muted); border-color: var(--pg-line-soft) !important; }
html.tpv-light .footer-wrapper h1, html.tpv-light .footer-wrapper h2, html.tpv-light .footer-wrapper h3, html.tpv-light .footer-wrapper h4, html.tpv-light .footer-wrapper .widget-title { color: var(--pg-gold-2); }
html.tpv-light .footer-wrapper p, html.tpv-light .footer-wrapper li, html.tpv-light .footer-wrapper .textwidget { color: var(--pg-text); }
html.tpv-light .footer-wrapper strong, html.tpv-light .footer-wrapper b { color: var(--pg-gold-2); }
html.tpv-light .footer-wrapper .widget-title { background: var(--pg-metal); -webkit-background-clip: text; background-clip: text; }
html.tpv-light .footer-wrapper .absolute-footer, html.tpv-light .footer-wrapper .absolute-footer a { color: var(--pg-muted); }
html.tpv-light .footer-wrapper .absolute-footer strong { color: var(--pg-gold); }

/* Khối UX Block chèn cuối bài (.tpv-chen) và bài liên quan (.tpv-rel) */
html.tpv-light .tpv-chen--link-hightlight .col-inner { background-color: #fff6dd !important; border: 1px solid rgba(138, 99, 0, .45); border-left: 4px solid #8a6300; border-radius: 10px; color: #2a2140; }
html.tpv-light .tpv-chen--link-hightlight em, html.tpv-light .tpv-chen--link-hightlight span { color: #3a2a00; }
html.tpv-light .tpv-chen--link-hightlight a { color: #5b2fc0; }
html.tpv-light .tpv-rel__cat { color: #7a5600; }
html.tpv-light .is-next .tpv-rel__cat { color: #1a0e3a; background: #f3d98f; }
html.tpv-light .tpv-rel__link { border-color: rgba(138, 99, 0, .35); box-shadow: 0 4px 14px rgba(60, 40, 10, .08); }
html.tpv-light .tpv-rel__link:hover, html.tpv-light .tpv-rel__link:focus-visible { border-color: #8a6300; box-shadow: 0 10px 24px rgba(60, 40, 10, .16); }
html.tpv-light .tpv-rel__name { color: #2a1a5e; }

/* Khối CTA chèn ở đầu footer trang lưu trữ (.tpv-chen-footer): nằm TRÊN nền sáng, tách khỏi đảo tối của footer bằng dải nền ngà tràn ngang */
html.tpv-light .footer-wrapper .tpv-chen-footer {
  --pg-bg0: #fbf7ee; --pg-bg1: #f3ecdd; --pg-bg2: #e9dfc9; --pg-card: rgba(70, 45, 120, 0.05); --pg-card-2: rgba(70, 45, 120, 0.09);
  --pg-line: rgba(138, 99, 0, 0.40); --pg-line-soft: rgba(60, 40, 10, 0.15); --pg-gold: #7a5600; --pg-gold-2: #4a3300; --pg-gold-deep: #6b4a00;
  --pg-violet: #5b2fc0; --pg-violet-2: #4a2a9a; --pg-text: #2a2140; --pg-muted: #5c5373; --pg-metal: linear-gradient(100deg, #5c4100 0%, #7a5600 35%, #8a6300 55%, #6b4a00 100%);
  color-scheme: light; color: var(--pg-text);
  background: #f6efdf; box-shadow: 0 0 0 100vmax #f6efdf; clip-path: inset(0 -100vmax); padding-top: 28px; padding-bottom: 8px; }
html.tpv-light .footer-wrapper .tpv-chen-footer + .tpv-chen-footer { padding-top: 0; }
html.tpv-light .footer-wrapper .tpv-chen-footer p, html.tpv-light .footer-wrapper .tpv-chen-footer li { color: #2a2140; }
html.tpv-light .footer-wrapper .tpv-chen-footer h1, html.tpv-light .footer-wrapper .tpv-chen-footer h2, html.tpv-light .footer-wrapper .tpv-chen-footer h3 { color: #3a2a00; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-next__sub, html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-ncard__b span { color: #5c5373; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-next__t { color: #3a2a00 !important; -webkit-text-fill-color: #3a2a00; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-ncard__b b { color: #3a2a00; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-next__kicker { color: #5b2fc0; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-next__all { color: #5b2fc0; }
html.tpv-light .footer-wrapper .tpv-chen-footer .tpv-next__prog { color: #5c5373; }
html.tpv-light .footer-wrapper .tpv-chen-footer .section-title-main { background: var(--pg-metal); -webkit-background-clip: text; background-clip: text; }
html.tpv-light .footer-wrapper .tpv-chen-footer .section-title b { border-color: rgba(138, 99, 0, .5) !important; }
html.tpv-light .footer-wrapper .tpv-chen-footer [style*="232, 199, 125"] { color: #5c4100 !important; }
html.tpv-light .footer-wrapper { background: #f6efdf; }
html.tpv-light .footer-wrapper .tpv-chen-footer { box-shadow: none; clip-path: none; background: transparent; }
html.tpv-light .button.is-shade::before, html.tpv-light .button.is-shade::after { display: none; }   /* lớp phủ trắng làm chữ nút bị nhạt */
html.tpv-light .button.is-shade span { color: #1d1400 !important; }

/* =====================================================================
   BOX "PHÁT HUY – CÂN BẰNG" (.tpv-hg, hoa-giai.css) và BOX ỦNG HỘ (.tpv-uh): bản sáng
   ===================================================================== */
html.tpv-light .tpv-hg { border-color: rgba(138, 99, 0, .45); color: #2a2140;
  background: radial-gradient(120% 140% at 0% 0%, rgba(124, 58, 237, .09), transparent 60%), linear-gradient(165deg, #fffdf8, #f6eedb);
  box-shadow: 0 10px 28px rgba(60, 40, 10, .13); }
html.tpv-light .tpv-hg__k { color: #4a2a9a; }
html.tpv-light .tpv-hg .tpv-hg__t { color: #3a2a00; -webkit-text-fill-color: #3a2a00; }
html.tpv-light .tpv-hg__lead, html.tpv-light .tpv-hg li span { color: #4c4363; }
html.tpv-light .tpv-hg__col { background: #fff; border-color: rgba(60, 40, 10, .16); }
html.tpv-light .tpv-hg__col--s { border-color: rgba(31, 122, 80, .45); }
html.tpv-light .tpv-hg__col--b { border-color: rgba(138, 99, 0, .45); }
html.tpv-light .tpv-hg .tpv-hg__col h4 { color: #6b4a00; -webkit-text-fill-color: #6b4a00; }
html.tpv-light .tpv-hg__col--s h4 { color: #146040 !important; -webkit-text-fill-color: #146040 !important; }
html.tpv-light .tpv-hg li::before { background: #8a6300; } html.tpv-light .tpv-hg__col--s li::before { background: #1f7a50; }
html.tpv-light .tpv-hg li b { color: #2a1d00; }
html.tpv-light .tpv-hg li em { color: #2a2140; } html.tpv-light .tpv-hg li em i { color: #6b4a00; }
html.tpv-light .tpv-hg__note { color: #5c5373; }
html.tpv-light .tpv-hg__cta { border-color: rgba(138, 99, 0, .45); background: linear-gradient(135deg, rgba(232, 199, 125, .28), rgba(124, 58, 237, .07)); }
html.tpv-light .tpv-hg__av { border-color: #8a6300; }
html.tpv-light .tpv-hg__who b { color: #3a2a00; } html.tpv-light .tpv-hg__who p { color: #3d3454; }
html.tpv-light .tpv-hg__btn { color: #3a2a00 !important; background: #fffaf0; border-color: rgba(138, 99, 0, .6); }
html.tpv-light .tpv-hg__btn:hover { background: #fff1cc; }
html.tpv-light .tpv-hg__btn--main { color: #1d1400 !important; background: linear-gradient(135deg, #f8e6b4, #e8c77d 45%, #c9a24a); border-color: transparent; }
html.tpv-light .tpv-hg__btn--main:hover { background: linear-gradient(135deg, #f8e6b4, #e8c77d 45%, #c9a24a); }
html.tpv-light .tpv-hg__btn--ghost { border-color: rgba(60, 40, 10, .35); }
html.tpv-light .tpv-hg__btn.is-done { background: #1f7a50; color: #fff !important; }
/* Ủng hộ: thẻ trắng ngà, đọc rõ */
html.tpv-light .tpv-uh { background: #fffdf8; box-shadow: 0 6px 20px rgba(60, 40, 10, .1); --uh-gold: #6b4a00; --uh-gold-2: #3a2a00; --uh-muted: #4c4363; --uh-line: rgba(138, 99, 0, .45); }
html.tpv-light .tpv-uh__icon { filter: none; }
html.tpv-light .tpv-uh__qr-box { box-shadow: 0 4px 14px rgba(60, 40, 10, .18); border: 1px solid rgba(60, 40, 10, .12); }
html.tpv-light .tpv-uh__lead a, html.tpv-light .tpv-uh__qr figcaption a { color: #5b2fc0; }
html.tpv-light .tpv-uh__info code { color: #3a2a00; }
html.tpv-light .tpv-uh__copy.is-done { background: #5b2fc0; color: #fff; }
/* Thanh ủng hộ gọn đầu footer (.tpv-uh-footer) nằm trên nền ngà → dùng bản sáng như trong nội dung; chỉ box đặt TRONG widget footer (đảo tối) mới giữ màu tối */
html.tpv-light .footer-widgets .tpv-uh, html.tpv-light .absolute-footer .tpv-uh { background: var(--pg-card-2); box-shadow: none; --uh-gold: #e8c77d; --uh-gold-2: #f8e6b4; --uh-muted: #b3a7d6; --uh-line: rgba(232, 199, 125, .28); }

/* Nút nổi đổi giao diện, tpv-float, back-to-top */
html.tpv-light .tpv-tm { background: #fffaf0; color: #3a2a00; border-color: #8a6300; box-shadow: 0 8px 22px rgba(60, 40, 10, .28); }
html.tpv-light #top-link, html.tpv-light .back-to-top { background: #fffaf0 !important; color: #3a2a00 !important; border-color: #8a6300 !important; box-shadow: 0 6px 16px rgba(60, 40, 10, .25); }