/* BBT Fan Arena — phần màu/font không đi qua theme_mod (chỉ nạp khi Bbt_Arena::brand_on()).
   Header/footer tối + nút xanh chanh trên mọi trang; nội dung trang SP/giỏ/checkout giữ nền sáng.
   Danh sách cam cứng lấy từ lần quét WES 21/10/2026 (BBT là bản sao cùng snippet/plugin) + quét lại trên BBT.
   Tiền tố "html body" để thắng quy tắc gốc; giữ !important ở chỗ quy tắc gốc có !important. */
:root {
	--ba-dark: #121212;
	--ba-dark-2: #0A0A0A;
	--ba-card: #1E1E1E;
	--ba-line: #333333;
	--ba-text: #F2F0EA;
	--ba-muted: #A6A39A;
	--ba-lime: #C8F542;
	--ba-lime-mid: #6E9600;
	--ba-olive: #4D6B00;
	--ba-ink: #141414;
}
html:root {
	--add-to-wishlist-icon-color: #F2F0EA;
	--added-to-wishlist-icon-color: #C8F542;
}

/* Nút: nền xanh chanh thì chữ đen (Flatsome mặc định chữ trắng) */
html body .button.secondary, html body .button.alt, html body .button.checkout, html body .checkout-button, html body .button#place_order,
html body .single_add_to_cart_button.button, html body .sticky-add-to-cart-select-options-button, html body .button.is-secondary {
	color: var(--ba-ink) !important;
}
html body .button.secondary:hover, html body .button.alt:hover, html body .button.checkout:hover, html body .checkout-button:hover,
html body .button#place_order:hover, html body .single_add_to_cart_button.button:hover {
	background-color: var(--ba-ink) !important;
	color: var(--ba-lime) !important;
}
html body .button, html body button, html body input[type="submit"] { border-radius: 6px; }

/* Header tối: thanh trên, ô tìm kiếm, bộ chọn nước/ngôn ngữ, biểu tượng */
html body .header-top, html body .header-main, html body .header-bottom, html body .header-wrapper.stuck .header-main { background-color: var(--ba-dark); }
html body .header-top { background-color: var(--ba-dark-2); border-bottom: 1px solid #1F1F1F; }
html body .header-top, html body .header-top a, html body .header-top span { color: var(--ba-text); }
html body .header-main .nav > li > a, html body .header-bottom .nav > li > a { color: var(--ba-text); }
html body .header-main .nav > li > a:hover, html body .header-bottom .nav > li > a:hover { color: var(--ba-lime); }
html body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	background: var(--ba-card); color: var(--ba-text); border-color: var(--ba-line);
}
html body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder { color: var(--ba-muted); }
html body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit, html body .dgwt-wcas-om-bar .dgwt-wcas-om-return,
html body .dgwt-wcas-search-icon { color: var(--ba-text); }
html body .dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier, html body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit svg path,
html body .dgwt-wcas-om-bar .dgwt-wcas-om-return svg path, html body .dgwt-wcas-search-icon path { fill: var(--ba-text); }
html body .dgwt-wcas-st strong, html body .dgwt-wcas-sd strong { color: var(--ba-olive); }
html body .header-main .cart-icon strong { color: var(--ba-lime) !important; border-color: var(--ba-lime) !important; }
html body .header-main .cart-icon strong::after { border-color: var(--ba-lime) !important; }
html body .header-main .nav > li > a > i:not(.icon-angle-down), html body .header-main .menu-title { color: var(--ba-text) !important; }
html body .nav > li > a > i.icon-angle-right, html body .nav > li > a > i.icon-angle-left, html body .toggle i { color: var(--ba-text); }

/* Menu xổ (nền trắng) + menu mobile (Code Snippets) */
html body ul.nav-dropdown.nav-dropdown-default li a:hover { background-color: #F3F7E6 !important; color: var(--ba-olive) !important; }
html body #wide-nav .nav-dropdown li a:hover,
html body #wide-nav .nav-dropdown li.active > a, html body #wide-nav .nav-dropdown li.current-menu-item > a, html body #wide-nav .nav-dropdown li.current_page_item > a,
html body #header .account-item .nav-dropdown li a:hover, html body #header .header-account .nav-dropdown li a:hover, html body #header li.account-item .nav-dropdown li a:hover,
html body #header .account-item .nav-dropdown li.active > a, html body #header .header-account .nav-dropdown li.active > a, html body #header li.account-item .nav-dropdown li.active > a,
html body #header .account-item .nav-dropdown li.current-menu-item > a, html body #header .header-account .nav-dropdown li.current-menu-item > a, html body #header li.account-item .nav-dropdown li.current-menu-item > a,
html body .off-canvas .nav-vertical li a:hover, html body .mfp-content .mobile-sidebar .nav-vertical li a:hover, html body .mobile-sidebar .nav-vertical li a:hover,
html body .off-canvas .nav-vertical li.active > a, html body .off-canvas .nav-vertical li.current-menu-item > a,
html body .mfp-content .mobile-sidebar .nav-vertical li.active > a, html body .mfp-content .mobile-sidebar .nav-vertical li.current-menu-item > a,
html body .mobile-sidebar .nav-vertical li.active > a, html body .mobile-sidebar .nav-vertical li.current-menu-item > a {
	color: var(--ba-olive) !important;
	background-color: #F3F7E6 !important;
	box-shadow: inset 4px 0 0 var(--ba-lime-mid) !important;
}
html body #header .header-nav > li > a:hover, html body #wide-nav .nav > li > a:hover, html body #masthead .nav > li > a:hover,
html body #header .header-nav > li:hover > a, html body #wide-nav .nav > li:hover > a, html body #masthead .nav > li:hover > a { color: var(--ba-lime) !important; }
html body .nav-sidebar li a, html body .nav-sidebar .toggle i, html body .mobile-top-links a { color: var(--ba-ink) !important; }

/* Footer tối (khối UX "footer" có nền #f5f3f3 cứng) */
html body .footer-wrapper, html body .footer-wrapper .section, html body .footer-wrapper .section-bg, html body .absolute-footer {
	background-color: var(--ba-dark-2) !important;
}
html body .footer-wrapper, html body .footer-wrapper p, html body .footer-wrapper li, html body .footer-wrapper span, html body .footer-wrapper strong,
html body .absolute-footer, html body .absolute-footer a { color: #CFCBC0; }
html body .footer-wrapper h1, html body .footer-wrapper h2, html body .footer-wrapper h3, html body .footer-wrapper h4, html body .footer-wrapper h5,
html body .footer-wrapper h6 { color: var(--ba-lime) !important; }
html body .footer-wrapper a { color: var(--ba-text); }
html body .footer-wrapper a:hover { color: var(--ba-lime); }
html body .footer-wrapper .is-divider, html body .footer-wrapper li { border-color: #262626; }
html body .footer-wrapper .button.is-outline, html body .footer-wrapper .button { border-color: var(--ba-lime); color: var(--ba-lime); background: transparent; }
html body .footer-wrapper [style*="ff6600"], html body .footer-wrapper [style*="FF6600"] { color: var(--ba-lime) !important; }
html body .wes-lang-row { background-color: var(--ba-dark-2) !important; color: var(--ba-muted); border-top: 1px solid #1F1F1F; }
html body .wes-lang-row a { color: var(--ba-text); }
html body .wes-lang-row a:hover { color: var(--ba-lime); }

/* Giá, EPO, nút mua, sticky ATC, khung tùy chỉnh tên (nền sáng) */
html body .custom-price-type, html body .custom-price-type .woocommerce-Price-amount, html body .custom-price-type .amount, html body .custom-price-type bdi { color: var(--ba-ink) !important; }
html body .tc-epo-totals dd.tm-final-totals .price.amount.final, html body .tc-epo-totals dd.tm-final-totals .price.amount.final * { color: var(--ba-ink) !important; }
html body .tc-epo-label.color-ff4d00 { color: var(--ba-olive); }
html body .wssac-cta, html body .wssac-cta[data-wssac-state="options"], html body .wssac-cta[data-wssac-state="init"] { color: var(--ba-ink); border-color: var(--ba-ink); }
html body .wssac-cta[data-wssac-state="options"]:hover, html body .wssac-cta[data-wssac-state="options"]:active, html body .wssac-cta[data-wssac-state="init"]:active { background-color: var(--ba-ink); color: var(--ba-lime); }
html body .wssac-cta[data-wssac-state="ready"] { background-color: var(--ba-lime); border-color: var(--ba-lime); color: var(--ba-ink); }
html body .wssac-flash { outline-color: var(--ba-lime-mid); }
html body .tp-lb-buy { background-color: var(--ba-lime); color: var(--ba-ink); }
html body #toan-text-id input[type="text"]:hover, html body #toan-text-id input.tm-epo-field:hover,
html body .toan-txt-selection input[type="text"]:hover, html body .toan-txt-selection input.tm-epo-field:hover { border-color: var(--ba-ink) !important; }
html body #toan-text-id input[type="text"]:focus, html body #toan-text-id input.tm-epo-field:focus,
html body .toan-txt-selection input[type="text"]:focus, html body .toan-txt-selection input.tm-epo-field:focus { border-color: var(--ba-lime-mid) !important; box-shadow: 0 0 0 3px rgba(110, 150, 0, .18) !important; }
html body .product-footer a.toan-related-view-all-btn { border-color: var(--ba-ink); background-color: var(--ba-ink) !important; color: var(--ba-lime) !important; box-shadow: 0 10px 24px rgba(20, 20, 20, .22); }
html body .product-footer a.toan-related-view-all-btn:hover { color: var(--ba-ink) !important; background-color: var(--ba-lime) !important; }
html body .woocommerce-checkout input:focus, html body .woocommerce-checkout select:focus, html body .woocommerce-checkout textarea:focus { border-color: var(--ba-lime-mid) !important; }
html body a.wpcsc-size-charts-list-item { color: var(--ba-ink) !important; border-color: var(--ba-ink) !important; box-shadow: 0 2px 4px rgba(20, 20, 20, .15) !important; }
html body a.wpcsc-size-charts-list-item:hover { background-color: var(--ba-ink) !important; color: var(--ba-lime) !important; box-shadow: 0 4px 8px rgba(20, 20, 20, .3) !important; }
html body .mfp-wrap button.mfp-close { background-color: var(--ba-ink) !important; }
html body #toan-size-selection .tmcp-field-wrap label:hover { color: var(--ba-ink) !important; border-color: var(--ba-ink) !important; }
html body #toan-size-selection .tmcp-field-wrap.tc-active label, html body #toan-size-selection .tmcp-field-wrap.tm-selected label { background-color: var(--ba-lime) !important; border-color: var(--ba-ink) !important; color: var(--ba-ink) !important; }
html body #toan-size-selection .tmcp-field-wrap.tc-active label *, html body #toan-size-selection .tmcp-field-wrap.tm-selected label * { color: var(--ba-ink) !important; }
html body .tp-dnote { border-color: #DDE8B5; background-color: #F7FAEC; color: #3A4A10; }
html body #toan-color-id .tmcp-field-wrap label:hover .tmhexcolorimage { border-color: var(--ba-ink) !important; box-shadow: 0 0 0 1px var(--ba-ink) !important; }
html body #toan-color-id .tmcp-field-wrap.tc-active label .tmhexcolorimage, html body #toan-color-id .tmcp-field-wrap.tm-selected label .tmhexcolorimage { border-color: var(--ba-ink) !important; box-shadow: 0 0 0 2px rgba(20, 20, 20, .2) !important; }
html body #toan-color-id .tmcp-field-wrap.tc-active label .tc-label-text, html body #toan-color-id .tmcp-field-wrap.tm-selected label .tc-label-text { color: var(--ba-ink) !important; }
/* Ô màu sọc của khung tùy chỉnh (.tp-scolors button, style inline) là MÀU SẢN PHẨM — không đụng. */
html body .tp-card { --tp-accent: #6E9600; }
html body .tp-band { background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #141414); }
html body .tp-row-name.is-active { box-shadow: 0 0 0 3px rgba(110, 150, 0, .18); }
html body .tp-box, html body .tp-line { stroke: #6E9600; }
html body .tp-h { border-color: #6E9600; }
html body .tp-h.tp-rot { background-color: #6E9600; }
html body .rz-qty-discount-title, html body .rz-icon { color: var(--ba-olive); }
html body .rz-discount-badge { background-color: var(--ba-ink); color: var(--ba-lime); }

/* Đánh giá / người mua gần đây / affiliate / popup nước-ngôn ngữ / nhắc mở trình duyệt ngoài */
html body .pod-review-slider { --brand: #141414; }
html body .pod-review-dot, html body .pod-review-dot.active { background-color: rgba(20, 20, 20, .25) !important; }
html body .weskis-rbs-wrap { --rbs-main: #141414; }
html body .weskis-rbs-nav button { border-color: rgba(20, 20, 20, .25) !important; }
html body .weskis-rbs-avatar { border-color: rgba(20, 20, 20, .08) !important; }
html body .weskis-rbs-person-svg path[fill="#FF7A3D" i] { fill: #6E9600; }
html body .weskis-rbs-person-svg path[fill="#E95A20" i] { fill: #141414; }
/* BBT dùng bộ màu avatar khác WES */
html body .weskis-rbs-person-svg path[fill="#FF6A2A" i] { fill: #6E9600; }
html body .weskis-rbs-person-svg path[fill="#F36B2A" i] { fill: #8DB21A; }
html body .weskis-rbs-person-svg path[fill="#D94A12" i] { fill: #141414; }
html body .weskis-rbs-person-svg path[fill="#FF4D00" i] { fill: #6E9600; }
html body .yith-wcaf-registration-form input:focus, html body .yith-wcaf-registration-form select:focus, html body .yith-wcaf-registration-form textarea:focus { border-color: var(--ba-lime-mid) !important; box-shadow: 0 0 0 1px var(--ba-lime-mid) !important; }
html body .yith-wcaf-registration-form button, html body .yith-wcaf-registration-form .button, html body .yith-wcaf-registration-form input[type="submit"] { background-color: var(--ba-ink) !important; color: var(--ba-lime) !important; }
html body .weskis-btn { background-color: var(--ba-ink); color: var(--ba-lime); }
html body #wesfb-reminder .wesfb-ext { color: var(--ba-olive); }

/* Kira chat */
html body #kira-chat-trigger { background-image: linear-gradient(135deg, #C8F542, #A9D62E); color: #141414; box-shadow: 0 6px 24px rgba(20, 20, 20, .35); }
html body #kira-chat-trigger svg, html body #kira-chat-trigger svg * { color: #141414; }
html body #kira-chat-trigger:hover { box-shadow: 0 8px 30px rgba(20, 20, 20, .45); }
html body #kira-chat-trigger::after { background-color: rgba(200, 245, 66, .25); }
html body #kira-chat-header { background-image: linear-gradient(135deg, #141414, #2A2A2A); }
html body .kira-msg-user { background-image: linear-gradient(135deg, #141414, #2A2A2A); box-shadow: 0 2px 8px rgba(20, 20, 20, .2); }
html body .kira-msg-ai code, html body .kira-msg-ai a { color: var(--ba-olive); }
html body .kira-msg-ai a { border-bottom-color: rgba(77, 107, 0, .5); }
html body #kira-chat-input:focus { border-color: var(--ba-lime-mid) !important; box-shadow: 0 0 0 3px rgba(110, 150, 0, .14) !important; }
html body #kira-chat-send { background-image: linear-gradient(135deg, #C8F542, #A9D62E); color: #141414; }
html body #kira-chat-send:hover { box-shadow: 0 4px 12px rgba(110, 150, 0, .3); }