/* =====================================================================
   BonaFX Light Mode — toggled via html.bfx-light
   ===================================================================== */

html.bfx-light {
    --bfx-light-page: #f7f4ec;
    --bfx-light-muted: #efe9dc;
    --bfx-light-subtle: #f0ebe0;
    --bfx-light-surface: #fdf9f0;
    --bfx-light-surface-hover: #f8f3e8;
    --bfx-light-scrollbar: #e8e2d4;
}

/* ── Base & scrollbars ── */
html.bfx-light body {
    background-color: var(--bfx-light-page) !important;
    color: #1a1a1a !important;
}

html.bfx-light ::-webkit-scrollbar-track {
    background: var(--bfx-light-scrollbar);
}
html.bfx-light ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}
html.bfx-light ::-webkit-scrollbar-thumb:hover {
    background: #ef3227;
}

/* Undo parent header.php dark overrides for WP templates */
html.bfx-light .bg-gray-200,
html.bfx-light .bg-gray-100 {
    background-color: var(--bfx-light-subtle) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light .bg-white {
    background-color: var(--bfx-light-surface) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light .text-black,
html.bfx-light .text-gray-900 {
    color: #1a1a1a !important;
}
html.bfx-light .text-gray-800,
html.bfx-light .text-gray-700 {
    color: rgba(0, 0, 0, 0.8) !important;
}
html.bfx-light .text-gray-600,
html.bfx-light .text-gray-500 {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light .border-black {
    border-color: rgba(0, 0, 0, 0.15) !important;
}
html.bfx-light .border-gray-200 {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── Tailwind custom palette backgrounds ── */
html.bfx-light .bg-dark,
html.bfx-light #app.bg-dark {
    background-color: var(--bfx-light-page) !important;
}
html.bfx-light .bg-darker {
    background-color: var(--bfx-light-muted) !important;
}
html.bfx-light .bg-panel {
    background-color: var(--bfx-light-surface) !important;
}
html.bfx-light .bg-panel\/80 {
    background-color: rgba(253, 249, 240, 0.92) !important;
}
html.bfx-light .bg-black {
    background-color: var(--bfx-light-muted) !important;
}
html.bfx-light .bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light .bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light .bg-black\/60 {
    background-color: rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light .from-black {
    --tw-gradient-from: var(--bfx-light-muted) !important;
    --tw-gradient-to: rgb(239 233 220 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
html.bfx-light .bg-\[\#0a0a0a\],
html.bfx-light .bg-\[\#050505\],
html.bfx-light .bg-\[\#151515\],
html.bfx-light .bg-\[\#1a1a1a\] {
    background-color: var(--bfx-light-surface) !important;
}

/* ── Text colors ── */
html.bfx-light .text-white,
html.bfx-light .\!text-white {
    color: #1a1a1a !important;
}
html.bfx-light .text-white\/90 { color: rgba(0, 0, 0, 0.9) !important; }
html.bfx-light .text-white\/80 { color: rgba(0, 0, 0, 0.8) !important; }
html.bfx-light .text-white\/70 { color: rgba(0, 0, 0, 0.7) !important; }
html.bfx-light .text-white\/60 { color: rgba(0, 0, 0, 0.6) !important; }
html.bfx-light .text-white\/50 { color: rgba(0, 0, 0, 0.5) !important; }
html.bfx-light .text-white\/40 { color: rgba(0, 0, 0, 0.45) !important; }
html.bfx-light .text-white\/30 { color: rgba(0, 0, 0, 0.35) !important; }
html.bfx-light .text-white\/20 { color: rgba(0, 0, 0, 0.25) !important; }
html.bfx-light .text-white\/10 { color: rgba(0, 0, 0, 0.15) !important; }
html.bfx-light .hover\:text-white\/60:hover { color: rgba(0, 0, 0, 0.65) !important; }

/* Group hover — numbered badges / step icons (policy pages, etc.) */
html.bfx-light .group:hover .group-hover\:bg-vermilion {
    background-color: #ef3227 !important;
    border-color: rgba(239, 50, 39, 0.45) !important;
}
html.bfx-light .group:hover .group-hover\:text-white {
    color: #ffffff !important;
}

/* Partner marquee — keep logos readable on light surface */
html.bfx-light .bfx-partners-marquee .grayscale {
    filter: grayscale(1) brightness(0.35);
}
html.bfx-light .bfx-partners-marquee .grayscale:hover {
    filter: grayscale(0) brightness(1);
}

/* Customer support image — full color in light mode */
html.bfx-light .bfx-support-image,
html.bfx-light .bfx-support-image:hover,
html.bfx-light .group:hover .bfx-support-image {
    filter: none !important;
}

/* Keep white text on brand/red buttons */
html.bfx-light .bg-vermilion,
html.bfx-light a.bg-vermilion,
html.bfx-light button.bg-vermilion {
    color: #ffffff !important;
}
html.bfx-light .bg-vermilion .text-white,
html.bfx-light a.bg-vermilion span,
html.bfx-light .bg-vermilion span {
    color: #ffffff !important;
}
/* Invert-on-hover CTAs (e.g. Start Challenge) */
html.bfx-light a.bg-vermilion.hover\:text-black:hover,
html.bfx-light a.bg-vermilion.hover\:\!bg-white:hover,
html.bfx-light a.bfx-cta-challenge:hover,
html.bfx-light button.bg-vermilion.hover\:text-black:hover {
    color: #ef3227 !important;
    background-color: var(--bfx-light-surface) !important;
    border-width: 1px !important;
    border-color: #ef3227 !important;
    box-shadow: 0 8px 24px rgba(239, 50, 39, 0.12) !important;
}
html.bfx-light a.bg-vermilion.hover\:text-black:hover span,
html.bfx-light a.bg-vermilion.hover\:\!bg-white:hover span,
html.bfx-light a.bfx-cta-challenge:hover span,
html.bfx-light button.bg-vermilion.hover\:text-black:hover span {
    color: #ef3227 !important;
}

/* ── Borders ── */
html.bfx-light .border-border {
    border-color: rgba(0, 0, 0, 0.1) !important;
}
html.bfx-light .border-white\/5  { border-color: rgba(0, 0, 0, 0.05) !important; }
html.bfx-light .border-white\/10 { border-color: rgba(0, 0, 0, 0.1) !important; }
html.bfx-light .border-white\/20 { border-color: rgba(0, 0, 0, 0.15) !important; }
html.bfx-light .border-white\/30 { border-color: rgba(0, 0, 0, 0.2) !important; }

/* ── Subtle white overlays → dark overlays ── */
html.bfx-light .bg-white\/5  { background-color: rgba(0, 0, 0, 0.03) !important; }
html.bfx-light .bg-white\/10 { background-color: rgba(0, 0, 0, 0.05) !important; }
html.bfx-light .bg-white\/20 { background-color: rgba(0, 0, 0, 0.08) !important; }
html.bfx-light .hover\:bg-white\/5:hover  { background-color: rgba(0, 0, 0, 0.04) !important; }
html.bfx-light .hover\:bg-white\/10:hover { background-color: rgba(0, 0, 0, 0.06) !important; }
html.bfx-light .hover\:border-white\/30:hover { border-color: rgba(0, 0, 0, 0.2) !important; }
html.bfx-light .hover\:border-white\/50:hover { border-color: rgba(0, 0, 0, 0.3) !important; }
html.bfx-light .hover\:\!text-white:hover { color: #1a1a1a !important; }
html.bfx-light .hover\:text-white:hover { color: #1a1a1a !important; }

/* ── Shadows (soften for light surfaces) ── */
html.bfx-light .shadow-\[0_5px_15px_rgba\(0\,0\,0\,0\.5\)\],
html.bfx-light .shadow-\[0_5px_25px_rgba\(0\,0\,0\,0\.7\)\],
html.bfx-light .shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.5\)\] {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light .shadow-2xl {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

/* ── Announcement bar — same as dark mode (gradient + white text) ── */
html.bfx-light #bfx-bonacup-bar,
html.bfx-light #bfx-bonacup-bar p {
    color: #ffffff !important;
}
html.bfx-light #bfx-bonacup-bar .bfx-bonacup-code {
    color: #ef3227 !important;
}
html.bfx-light #bfx-announcement-bar,
html.bfx-light #bfx-announcement-bar.text-white,
html.bfx-light #bfx-marquee,
html.bfx-light #bfx-marquee strong,
html.bfx-light #bfx-marquee span,
html.bfx-light #bfx-timer {
    color: #ffffff !important;
}
html.bfx-light #bfx-announcement-bar .text-\[\#e8c84a\] {
    color: #e8c84a !important;
}
html.bfx-light #bfx-announcement-bar button {
    color: rgba(255, 255, 255, 0.7) !important;
}
html.bfx-light #bfx-announcement-bar button:hover {
    color: #ffffff !important;
}

/* ── Header ── */
html.bfx-light #masthead {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light #masthead.backdrop-blur-xl,
html.bfx-light #masthead[class*="bg-\[#0a0a0a\]"] {
    background-color: rgba(253, 249, 240, 0.88) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light #masthead .nav-link {
    color: rgba(0, 0, 0, 0.75) !important;
}
html.bfx-light #masthead .nav-link[class*="text-white"],
html.bfx-light #masthead a.nav-link[class*="text-white"],
html.bfx-light #masthead button.nav-link[class*="text-white"] {
    color: rgba(0, 0, 0, 0.8) !important;
}
html.bfx-light #masthead .nav-link:hover,
html.bfx-light #masthead a.nav-link:hover,
html.bfx-light #masthead button.nav-link:hover,
html.bfx-light #masthead a:hover {
    color: #1a1a1a !important;
}
html.bfx-light #masthead button[aria-label="Toggle Menu"] span {
    background-color: #1a1a1a !important;
}
html.bfx-light #lang-dropdown-desktop,
html.bfx-light #lang-dropdown-mobile,
html.bfx-light #bfx-more-dropdown {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}
html.bfx-light #bfx-more-dropdown a {
    color: rgba(0, 0, 0, 0.75) !important;
}
html.bfx-light #bfx-more-dropdown a:hover {
    color: #ef3227 !important;
    background: rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light .bfx-lang-opt {
    color: rgba(0, 0, 0, 0.75) !important;
}
html.bfx-light .bfx-lang-opt:hover {
    background: rgba(239, 50, 39, 0.08) !important;
    color: #ef3227 !important;
}
html.bfx-light #masthead a.bg-white\/5 {
    color: #1a1a1a !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}
html.bfx-light #masthead a.bg-white\/5:hover {
    color: #ef3227 !important;
    border-color: #ef3227 !important;
}

/* Theme toggle + language switcher — borderless */
#masthead [data-bfx-theme-toggle],
#masthead #lang-switcher-desktop > button,
#masthead #lang-switcher-mobile > button {
    border: none !important;
    box-shadow: none !important;
}

/* Theme toggle button */
html.bfx-light [data-bfx-theme-toggle] {
    background-color: transparent !important;
    border: none !important;
    color: #1a1a1a !important;
}
html.bfx-light [data-bfx-theme-toggle]:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light #masthead #lang-switcher-desktop > button,
html.bfx-light #masthead #lang-switcher-mobile > button {
    background-color: transparent !important;
    border: none !important;
}
html.bfx-light #masthead #lang-switcher-desktop > button:hover,
html.bfx-light #masthead #lang-switcher-mobile > button:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light #masthead #lang-switcher-desktop svg,
html.bfx-light #masthead #lang-switcher-mobile svg {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light [data-bfx-theme-toggle] svg {
    color: #1a1a1a !important;
}

/* WooCommerce — undo dark-header link overrides in light mode */
html.bfx-light body.woocommerce-checkout #masthead a:not(.bg-vermilion),
html.bfx-light body.woocommerce-page #masthead a:not(.bg-vermilion),
html.bfx-light body.woocommerce-checkout #bfx-more-dropdown a,
html.bfx-light body.woocommerce-page #bfx-more-dropdown a,
html.bfx-light body.woocommerce-checkout #bfx-mobile-menu a:not(.bg-vermilion),
html.bfx-light body.woocommerce-page #bfx-mobile-menu a:not(.bg-vermilion) {
    color: rgba(0, 0, 0, 0.75) !important;
}
html.bfx-light body.woocommerce-checkout #bfx-more-dropdown a:hover,
html.bfx-light body.woocommerce-page #bfx-more-dropdown a:hover,
html.bfx-light body.woocommerce-checkout #masthead a:not(.bg-vermilion):hover,
html.bfx-light body.woocommerce-page #masthead a:not(.bg-vermilion):hover {
    color: #ef3227 !important;
}

/* ── Mobile menu ── */
html.bfx-light [x-show="mobileMenuOpen"] .bg-black\/80 {
    background-color: rgba(0, 0, 0, 0.4) !important;
}
html.bfx-light [x-show="mobileMenuOpen"] .bg-\[\#050505\] {
    background-color: var(--bfx-light-surface) !important;
}
html.bfx-light [x-show="mobileMenuOpen"] nav a,
html.bfx-light [x-show="mobileMenuOpen"] button {
    color: #1a1a1a !important;
}
html.bfx-light [x-show="mobileMenuOpen"] .border-white\/5,
html.bfx-light [x-show="mobileMenuOpen"] .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ── Footer ── */
html.bfx-light #colophon {
    background-color: var(--bfx-light-muted) !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light #colophon .text-white\/60,
html.bfx-light #colophon a {
    color: rgba(0, 0, 0, 0.6) !important;
}
html.bfx-light #colophon a:hover {
    color: #ef3227 !important;
}
html.bfx-light #colophon h3 {
    color: rgba(0, 0, 0, 0.35) !important;
}
html.bfx-light #colophon .bg-gradient-to-r.from-dark {
    background: linear-gradient(to right, var(--bfx-light-surface), var(--bfx-light-page)) !important;
}
html.bfx-light footer .bg-white\/5 {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light #colophon .bfx-footer-social {
    color: rgba(0, 0, 0, 0.45) !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
html.bfx-light #colophon .bfx-footer-social:hover {
    color: #ef3227 !important;
    border-color: rgba(239, 50, 39, 0.45) !important;
    background-color: rgba(239, 50, 39, 0.08) !important;
}
html.bfx-light .prose #colophon .bfx-footer-social {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light .prose #colophon .bfx-footer-social:hover {
    color: #ef3227 !important;
}

/* ── Gradients from dark ── */
html.bfx-light .from-dark {
    --tw-gradient-from: var(--bfx-light-page) !important;
}
html.bfx-light .to-panel {
    --tw-gradient-to: var(--bfx-light-surface) !important;
}
html.bfx-light .from-dark\/80 {
    --tw-gradient-from: rgba(247, 244, 236, 0.8) !important;
}

/* ── Prose & blog (child style.css overrides) ── */
html.bfx-light .blog p,
html.bfx-light .blog .wp-block-heading,
html.bfx-light .single .entry-title,
html.bfx-light .single .entry-content,
html.bfx-light .single .entry-content h2,
html.bfx-light .entry-title,
html.bfx-light .page-title,
html.bfx-light .entry-content p,
html.bfx-light .entry-content h1,
html.bfx-light .entry-content h2,
html.bfx-light .entry-content h3,
html.bfx-light .entry-content h4,
html.bfx-light .entry-content h5,
html.bfx-light .entry-content h6,
html.bfx-light .page-content p,
html.bfx-light .page-content h1,
html.bfx-light .page-content h2,
html.bfx-light .page-content h3,
html.bfx-light .page-content h4,
html.bfx-light .page-content h5,
html.bfx-light .page-content h6 {
    color: #1a1a1a !important;
}
html.bfx-light .pt-cv-view.iscvblock .pt-cv-content-item a {
    color: #1a1a1a !important;
}
html.bfx-light .pt-cv-view.iscvblock .pt-cv-content-item a.pt-cv-readmore:hover {
    color: #fff !important;
}
html.bfx-light .pt-cv-content {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light :is(.prose :not(:where([class~=not-prose],[class~=not-prose] *))):where(strong),
html.bfx-light :is(.prose :not(:where([class~=not-prose],[class~=not-prose] *))):where(ol>li),
html.bfx-light :is(.prose :not(:where([class~=not-prose],[class~=not-prose] *))):where(ul>li),
html.bfx-light :is(.prose :not(:where([class~=not-prose],[class~=not-prose] *))):where(h2),
html.bfx-light :is(.prose :not(:where([class~=not-prose],[class~=not-prose] *))):where(h3) {
    color: #1a1a1a !important;
}

/* ── WooCommerce checkout ── */
html.bfx-light .woocommerce table.shop_table thead th,
html.bfx-light .woocommerce-checkout p,
html.bfx-light .woocommerce table.shop_table tfoot .order-total td,
html.bfx-light .woocommerce table.shop_table tfoot .order-total th,
html.bfx-light .woocommerce table.shop_table tbody th,
html.bfx-light .woocommerce table.shop_table tfoot td,
html.bfx-light .woocommerce table.shop_table tfoot th,
html.bfx-light .woocommerce form .form-row label,
html.bfx-light .woocommerce-checkout h3,
html.bfx-light .woocommerce-checkout label,
html.bfx-light .woocommerce-billing-fields h3,
html.bfx-light label {
    color: #1a1a1a !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method:hover {
    background: var(--bfx-light-surface-hover) !important;
    border-color: rgba(239, 50, 39, 0.4) !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method label {
    color: #000000 !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method .payment_box,
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method .payment_box p {
    color: rgba(0, 0, 0, 0.6) !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.wc_payment_method label img {
    filter: none !important;
}
html.bfx-light body.woocommerce-checkout .wc_payment_methods li.payment_method_nowpayments_gateway label img {
    filter: none !important;
}
html.bfx-light body.woocommerce-checkout footer a {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* Checkout form — override inline white text on form */
html.bfx-light form.checkout.woocommerce-checkout {
    color: #1a1a1a !important;
}
html.bfx-light form.checkout.woocommerce-checkout .\!text-white,
html.bfx-light form.checkout.woocommerce-checkout h3.\!text-white {
    color: #1a1a1a !important;
}
html.bfx-light body.woocommerce-checkout .bg-gray-200 {
    background-color: var(--bfx-light-subtle) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light body.woocommerce-checkout .bg-gray-200 .\!text-white {
    color: #1a1a1a !important;
}
html.bfx-light body.woocommerce-checkout #apply_coupon_button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}
html.bfx-light body.woocommerce-checkout a.bfx-cta-challenge:hover,
html.bfx-light body.woocommerce-page a.bfx-cta-challenge:hover {
    color: #ef3227 !important;
    background-color: var(--bfx-light-surface) !important;
}
html.bfx-light body.woocommerce-checkout a.bfx-cta-challenge:hover span,
html.bfx-light body.woocommerce-page a.bfx-cta-challenge:hover span {
    color: #ef3227 !important;
}

/* Checkout — challenge order card (inline dark styles) */
html.bfx-light .bfx-challenge-card {
    background: linear-gradient(
        145deg,
        #fff9f4 0%,
        var(--bfx-light-surface) 42%,
        var(--bfx-light-subtle) 100%
    ) !important;
    border: 1px solid rgba(239, 50, 39, 0.32) !important;
    box-shadow:
        0 0 0 1px rgba(239, 50, 39, 0.06),
        0 4px 24px rgba(239, 50, 39, 0.1),
        0 12px 40px rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light .bfx-challenge-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 55% at 50% -5%, rgba(239, 50, 39, 0.09), transparent 62%);
    pointer-events: none;
    z-index: 0;
}
html.bfx-light .bfx-challenge-card > * {
    position: relative;
    z-index: 1;
}
html.bfx-light .bfx-challenge-card > div[style*="filter:blur"] {
    background: #ef3227 !important;
    opacity: 0.12 !important;
}
html.bfx-light .bfx-challenge-card [style*="color:#fff"],
html.bfx-light .bfx-challenge-card [style*="color: #fff"] {
    color: #1a1a1a !important;
}
html.bfx-light .bfx-challenge-card [style*="color:rgba(255,255,255,0.3)"] {
    color: rgba(0, 0, 0, 0.4) !important;
}
html.bfx-light .bfx-challenge-card [style*="color:rgba(255,255,255,0.4)"] {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light .bfx-challenge-card [style*="color:rgba(255,255,255,0.5)"] {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light .bfx-challenge-card [style*="color:#ef3227"],
html.bfx-light .bfx-challenge-card [style*="color: rgba(239,50,39"] {
    color: #ef3227 !important;
}
html.bfx-light .bfx-challenge-card [style*="background:#ef3227"] {
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(239, 50, 39, 0.22) !important;
}
html.bfx-light .bfx-challenge-card [style*="border-bottom:1px solid rgba(255,255,255"],
html.bfx-light .bfx-challenge-card [style*="border-top:1px solid rgba(255,255,255"],
html.bfx-light .bfx-challenge-card [style*="border:1px solid rgba(255,255,255"] {
    border-color: rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light .bfx-challenge-card [style*="background:rgba(255,255,255,0.03)"] {
    background: rgba(0, 0, 0, 0.035) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
html.bfx-light .bfx-challenge-card [style*="background:rgba(239,50,39,0.12)"] {
    background: rgba(239, 50, 39, 0.1) !important;
    border-color: rgba(239, 50, 39, 0.35) !important;
    box-shadow: 0 2px 10px rgba(239, 50, 39, 0.08) !important;
}

/* ── Live market prices (front page) ── */
html.bfx-light .live-market-prices-tab {
    background: var(--bfx-light-surface);
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.55);
}
html.bfx-light .live-market-prices-tab:hover {
    border-color: #ef3227;
    color: #1a1a1a;
}
html.bfx-light .live-market-prices-tab.active {
    background: #ef3227;
    border-color: #ef3227;
    color: #fff;
}
html.bfx-light .live-market-prices-table-wrap {
    background: var(--bfx-light-surface);
    border-color: rgba(0, 0, 0, 0.1);
}
html.bfx-light .live-market-prices-th {
    background: var(--bfx-light-page);
    color: rgba(0, 0, 0, 0.5);
}
html.bfx-light .live-market-prices-table-wrap td {
    border-top-color: rgba(0, 0, 0, 0.06);
    color: #1a1a1a;
}
html.bfx-light .live-market-prices-table-wrap tr:hover td {
    background: var(--bfx-light-surface-hover);
}
html.bfx-light .live-market-prices-trend-bar {
    background: #d1d5db;
}

/* ── BonaCup 26 page ── */
html.bfx-light #bonacup-page {
    background: var(--bfx-light-page) !important;
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .bc-section--dark,
html.bfx-light #bonacup-page .bc-section-wrap,
html.bfx-light #bonacup-page .bc-ticker {
    background: var(--bfx-light-muted) !important;
}
html.bfx-light #bonacup-page .hero-sub,
html.bfx-light #bonacup-page .bc-ticker__item,
html.bfx-light #bonacup-page .btn-ghost {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light #bonacup-page .hero-h1,
html.bfx-light #bonacup-page .code-pill__code {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .code-pill,
html.bfx-light #bonacup-page .code-pill__label {
    border-color: rgba(0, 0, 0, 0.12) !important;
    background: rgba(0, 0, 0, 0.03) !important;
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light #bonacup-page .btn-ghost {
    border-color: rgba(0, 0, 0, 0.15) !important;
}
html.bfx-light #bonacup-page .btn-ghost:hover {
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.35) !important;
}

/* BonaCup 26 — hero */
html.bfx-light #bonacup-page #bc-hero .hero-pitch-bg {
    opacity: 0.1 !important;
}
html.bfx-light #bonacup-page #bc-hero .hero-overlay {
    background: linear-gradient(
        to bottom,
        rgba(247, 244, 236, 0.75) 0%,
        rgba(247, 244, 236, 0.45) 50%,
        rgba(239, 233, 220, 0.88) 100%
    ) !important;
}
html.bfx-light #bonacup-page .hero-h1 em {
    color: #ef3227 !important;
}
html.bfx-light #bonacup-page .code-pill__discount {
    background: rgba(239, 50, 39, 0.08) !important;
    border-color: rgba(239, 50, 39, 0.2) !important;
}
html.bfx-light #bonacup-page .bc-ticker {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* BonaCup 26 — final CTA section */
html.bfx-light #bonacup-page #bc-cta {
    background: var(--bfx-light-subtle) !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light #bonacup-page #bc-cta::before {
    background: radial-gradient(circle, rgba(239, 50, 39, 0.07) 0%, transparent 60%) !important;
}
html.bfx-light #bonacup-page .cta-h2 {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .cta-h2 em {
    color: #ef3227 !important;
}
html.bfx-light #bonacup-page .cta-sub {
    color: rgba(0, 0, 0, 0.6) !important;
}
html.bfx-light #bonacup-page .cta-sub strong {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .cta-code {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}
html.bfx-light #bonacup-page .cta-code__label,
html.bfx-light #bonacup-page .cta-code__off {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light #bonacup-page .cta-code__value {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .cta-disclaimer {
    color: rgba(0, 0, 0, 0.4) !important;
}
html.bfx-light #bonacup-page #bc-cta .btn-primary {
    color: #ffffff !important;
}

/* BonaCup 26 — section backgrounds (tiers, prizes, steps) */
html.bfx-light #bonacup-page .bc-section-wrap__bg {
    opacity: 0.07 !important;
}
html.bfx-light #bonacup-page .bc-section-wrap--tiers .bc-section-wrap__overlay,
html.bfx-light #bonacup-page .bc-section-wrap--prizes .bc-section-wrap__overlay,
html.bfx-light #bonacup-page .bc-section-wrap--steps .bc-section-wrap__overlay {
    background: linear-gradient(
        180deg,
        rgba(247, 244, 236, 0.88) 0%,
        rgba(253, 249, 240, 0.94) 50%,
        rgba(239, 233, 220, 0.9) 100%
    ) !important;
}
html.bfx-light #bonacup-page .bc-section-wrap--prizes::before {
    opacity: 0.05 !important;
}
html.bfx-light #bonacup-page .bc-section-wrap--tiers::after {
    background: radial-gradient(ellipse 70% 50% at 85% 50%, rgba(239, 50, 39, 0.06), transparent 65%) !important;
}
html.bfx-light #bonacup-page .bc-section-wrap {
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

/* BonaCup 26 — section headings */
html.bfx-light #bonacup-page .sec-title {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .sec-title em {
    color: #ef3227 !important;
}
html.bfx-light #bonacup-page .sec-sub {
    color: rgba(0, 0, 0, 0.55) !important;
}

/* BonaCup 26 — tier cards */
html.bfx-light #bonacup-page .tier-card {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
html.bfx-light #bonacup-page .tier-card:hover {
    border-color: rgba(239, 50, 39, 0.35) !important;
}
html.bfx-light #bonacup-page .tier-card::before {
    background: radial-gradient(circle at top right, rgba(239, 50, 39, 0.06), transparent 70%) !important;
}
html.bfx-light #bonacup-page .tier-num {
    color: rgba(0, 0, 0, 0.25) !important;
}
html.bfx-light #bonacup-page .tier-icon {
    background: rgba(239, 50, 39, 0.08) !important;
    border-color: rgba(239, 50, 39, 0.2) !important;
}
html.bfx-light #bonacup-page .tier-title {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .tier-desc {
    color: rgba(0, 0, 0, 0.55) !important;
}

/* BonaCup 26 — prize cards */
html.bfx-light #bonacup-page .prize-card {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html.bfx-light #bonacup-page .prize-card:hover {
    border-color: rgba(239, 50, 39, 0.4) !important;
}
html.bfx-light #bonacup-page .prize-card__img {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}
html.bfx-light #bonacup-page .prize-card__img-label {
    color: rgba(0, 0, 0, 0.35) !important;
}
html.bfx-light #bonacup-page .prize-card__size {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light #bonacup-page .prize-card__gift {
    color: #1a1a1a !important;
}

/* BonaCup 26 — grand draw card */
html.bfx-light #bonacup-page .grand-card {
    background: linear-gradient(135deg, #fff8f5, var(--bfx-light-surface)) !important;
    border-color: rgba(239, 50, 39, 0.28) !important;
    box-shadow: 0 8px 32px rgba(239, 50, 39, 0.08) !important;
}
html.bfx-light #bonacup-page .grand-card::before {
    background: radial-gradient(ellipse at 50% 0%, rgba(239, 50, 39, 0.06), transparent 60%) !important;
}
html.bfx-light #bonacup-page .grand-card__label {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light #bonacup-page .grand-card__prize {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .grand-card__sub {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light #bonacup-page .grand-card__ticket {
    background: rgba(239, 50, 39, 0.08) !important;
    border-color: rgba(239, 50, 39, 0.25) !important;
    color: #ef3227 !important;
}

/* BonaCup 26 — step cards */
html.bfx-light #bonacup-page .step-card {
    background: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
html.bfx-light #bonacup-page .step-card:hover {
    border-color: rgba(239, 50, 39, 0.35) !important;
    transform: translateY(-4px);
}
html.bfx-light #bonacup-page .step-num {
    color: #ffffff !important;
}
html.bfx-light #bonacup-page .step-title {
    color: #1a1a1a !important;
}
html.bfx-light #bonacup-page .step-desc {
    color: rgba(0, 0, 0, 0.55) !important;
}

/* ── FAQ accordion inactive state ── */
html.bfx-light .bg-dark.border.border-white\/10 {
    background-color: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1a1a !important;
}

/* ── Affiliate plan selectors ── */
html.bfx-light .bg-darker.border-white\/10 {
    background-color: var(--bfx-light-surface) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── Forms (contact etc.) ── */
html.bfx-light input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html.bfx-light textarea,
html.bfx-light select {
    background-color: var(--bfx-light-surface) !important;
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* ── TradingView ticker bar ── */
html.bfx-light .bfx-ticker-bar {
    background-color: var(--bfx-light-subtle) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
html.bfx-light .bfx-ticker-bar .tradingview-widget-container {
    border-color: transparent !important;
}

/* MetaTrader logo — fixed slot, swap dark/light image files */
.bfx-metatrader-logo-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 285px;
    height: 95px;
    max-width: 100%;
    flex-shrink: 0;
}
.bfx-metatrader-logo {
    display: none;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
}
.bfx-metatrader-logo--dark {
    display: block;
    height: 95px;
    width: auto;
    max-width: 100%;
}
html.bfx-light .bfx-metatrader-logo--dark {
    display: none;
}
html.bfx-light .bfx-metatrader-logo--light {
    display: block;
    width: 240px;
    max-width: 100%;
    height: auto;
}

/* Pricing carousel nav arrows */
html.bfx-light #pricing .bfx-pricing-nav {
    background-color: rgba(253, 249, 240, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.45) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light #pricing .bfx-pricing-nav:hover {
    color: #1a1a1a !important;
    background-color: var(--bfx-light-surface) !important;
    border-color: rgba(239, 50, 39, 0.5) !important;
    box-shadow: 0 0 20px rgba(239, 50, 39, 0.22) !important;
}
html.bfx-light #pricing .bfx-pricing-nav svg {
    stroke: currentColor;
}

/* Pricing — plan info cards */
html.bfx-light #pricing .bfx-pricing-info-card:hover,
html.bfx-light #pricing .bfx-card-glow:hover {
    border-color: rgba(239, 50, 39, 0.4) !important;
}

html.bfx-light .bfx-card-glow:hover,
html.bfx-light .bfx-pricing-info-card:hover {
    box-shadow: 0 8px 32px rgba(239, 50, 39, 0.1) !important;
}

/* Pricing — Non Trading Limit tooltip (teleported to body) */
html.bfx-light .bfx-pricing-tooltip {
    background-color: var(--bfx-light-surface) !important;
    border-color: rgba(239, 50, 39, 0.35) !important;
    color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}
html.bfx-light .bfx-pricing-tooltip .text-white {
    color: #1a1a1a !important;
}
html.bfx-light .bfx-pricing-tooltip > .bg-vermilion {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(239, 50, 39, 0.25) !important;
}

/* BonaCup 26 — welcome popup */
html.bfx-light .bonacup-popup-overlay {
    background-color: rgba(247, 244, 236, 0.78) !important;
}
html.bfx-light .bonacup-popup {
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.14), 0 0 40px rgba(239, 50, 39, 0.1) !important;
}
html.bfx-light .bonacup-popup__bg {
    background-color: var(--bfx-light-surface) !important;
    background-image:
        radial-gradient(ellipse 80% 60% at 50% 40%, rgba(34, 197, 94, 0.14) 0%, transparent 70%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='rgba(0,0,0,0.06)' stroke-width='1.5'%3E%3Ccircle cx='60' cy='60' r='28'/%3E%3Cpath d='M60 32 L68 48 L84 48 L72 58 L76 74 L60 64 L44 74 L48 58 L36 48 L52 48 Z'/%3E%3Cpath d='M60 32 L60 12 M84 48 L100 40 M76 74 L88 88 M44 74 L32 88 M36 48 L20 40'/%3E%3C/g%3E%3C/svg%3E") !important;
    opacity: 1 !important;
}
html.bfx-light .bonacup-popup__gradient {
    background: linear-gradient(
        to bottom,
        rgba(253, 249, 240, 0.88) 0%,
        rgba(247, 244, 236, 0.94) 50%,
        rgba(239, 233, 220, 0.98) 100%
    ) !important;
}
html.bfx-light .bonacup-popup .text-white {
    color: #1a1a1a !important;
}
html.bfx-light .bonacup-popup .text-white\/75 {
    color: rgba(0, 0, 0, 0.75) !important;
}
html.bfx-light .bonacup-popup .text-white\/70 {
    color: rgba(0, 0, 0, 0.65) !important;
}
html.bfx-light .bonacup-popup .text-white\/60 {
    color: rgba(0, 0, 0, 0.55) !important;
}
html.bfx-light .bonacup-popup .text-white\/40 {
    color: rgba(0, 0, 0, 0.45) !important;
}
html.bfx-light .bonacup-popup .text-white\/25 {
    color: rgba(0, 0, 0, 0.35) !important;
}
html.bfx-light .bonacup-popup .text-vermilion {
    color: #ef3227 !important;
}
html.bfx-light .bonacup-popup .text-\[\#22c55e\] {
    color: #16a34a !important;
}
html.bfx-light .bonacup-popup__step {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(239, 50, 39, 0.35) !important;
}
html.bfx-light .bonacup-popup .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.08) !important;
}
html.bfx-light .bonacup-popup .grid.grid-cols-2.bg-black {
    background-color: var(--bfx-light-muted) !important;
    color: #1a1a1a !important;
}
html.bfx-light .bonacup-popup .bg-white\/\[0\.06\] {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #1a1a1a !important;
}
html.bfx-light .bonacup-popup .bg-white\/\[0\.03\] {
    background-color: rgba(0, 0, 0, 0.025) !important;
    color: #1a1a1a !important;
}
html.bfx-light .bonacup-popup .bonacup-popup__close {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.5) !important;
}
html.bfx-light .bonacup-popup .bonacup-popup__close:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
    color: #1a1a1a !important;
}
html.bfx-light .bonacup-popup .bonacup-popup__cta {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #ef3227 0%,
        #e0251a 45%,
        #c41e1e 78%,
        #a81818 100%
    ) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow:
        0 8px 28px rgba(239, 50, 39, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
html.bfx-light .bonacup-popup .bonacup-popup__cta:hover {
    background: linear-gradient(
        90deg,
        #ff3b2e 0%,
        #ef3227 40%,
        #d41f1f 75%,
        #b81818 100%
    ) !important;
    box-shadow:
        0 12px 34px rgba(239, 50, 39, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* ── TradingView widget container (other pages) ── */
html.bfx-light .tradingview-widget-container {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── Selection highlight ── */
html.bfx-light .selection\:text-white::selection {
    color: #ffffff !important;
}
/* ── Affiliate Registration Button Hover Effect ── */
html.bfx-light .uap-register-14 .uap-submit-form input:hover {
    background: transparent !important;
    border: 1px solid #ef463b !important;
    color: #ef463b !important;
}
/* ── Affiliate Login Button Hover Effect ── */
html.bfx-light .uap-login-template-13 .uap-form-line-fr .uap-form-label-fr {
    color: #1a1a1a !important;
}
html.bfx-light .uap-login-template-13 .uap-form-submit input:hover {
    background: transparent !important;
    border: 1px solid #ef463b !important;
    color: #ef463b !important;
}
/* Affiliate portal — light mode fixes */
html.bfx-light .uap-user-page-name {
    color: #1a1a1a !important;
}
html.bfx-light .uap-user-page-top-wrapper .uap-stats-content {
    color: #1a1a1a !important;
}
html.bfx-light .uap-user-page-top-wrapper .uap-stats-label {
    color: #555 !important;
}
html.bfx-light .uap-account-title-label {
    color: #1a1a1a !important;
}