/* WES Story Studio — màu cam CỨNG còn sót ngoài theme_mod (snippet, CSS bổ sung, plugin). Chỉ nạp khi brand_on().
   Danh sách lấy bằng cách quét document.styleSheets tìm #ff4d00/#ff6a00/#ff6600 trên trang chủ, danh mục, trang SP
   (21/10/2026). Tiền tố "html body" để thắng quy tắc gốc; giữ !important ở chỗ quy tắc gốc có !important. */
:root {
	--ws-ink: #1B2A41;
	--ws-ink-2: #2C3E5C;
	--ws-accent: #0F6E56;
	--ws-cream: #F7F3EC;
	--ws-sand: #E8E0D2;
}
html:root {
	--add-to-wishlist-icon-color: #1B2A41;
	--added-to-wishlist-icon-color: #0F6E56;
}

html body h1, html body h2, html body h3, html body h4, html body .heading-font { letter-spacing: -0.01em; }
html body .button, html body button, html body input[type="submit"] { border-radius: 10px; }
html body .footer-wrapper { background-color: var(--ws-cream); }

/* Menu xổ + menu mobile (Code Snippets) */
html body ul.nav-dropdown.nav-dropdown-default li a:hover { background-color: var(--ws-cream) !important; color: var(--ws-accent) !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(--ws-accent) !important;
	background-color: var(--ws-cream) !important;
	box-shadow: inset 4px 0 0 var(--ws-accent) !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(--ws-accent) !important; }
html body .nav-sidebar li a, html body .nav-sidebar .toggle i, html body .mobile-top-links a { color: var(--ws-ink) !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(--ws-ink); }

/* FiboSearch */
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-st strong, html body .dgwt-wcas-sd strong, html body .dgwt-wcas-search-icon { color: var(--ws-ink); }
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(--ws-ink); }

/* Giá, EPO, nút mua, sticky ATC, khung tùy chỉnh tên */
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(--ws-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(--ws-ink) !important; }
html body .tc-epo-label.color-ff4d00 { color: var(--ws-accent); }
html body .wssac-cta, html body .wssac-cta[data-wssac-state="options"], html body .wssac-cta[data-wssac-state="init"] { color: var(--ws-ink); border-color: var(--ws-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(--ws-ink); color: #fff; }
html body .wssac-cta[data-wssac-state="ready"] { background-color: var(--ws-accent); border-color: var(--ws-accent); }
html body .wssac-flash { outline-color: var(--ws-accent); }
html body .tp-lb-buy { background-color: var(--ws-accent); }
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(--ws-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(--ws-accent) !important; box-shadow: 0 0 0 3px rgba(15, 110, 86, .15) !important; }
html body .product-footer a.toan-related-view-all-btn { border-color: var(--ws-ink); background-color: var(--ws-ink) !important; box-shadow: 0 10px 24px rgba(27, 42, 65, .22); }
html body .product-footer a.toan-related-view-all-btn:hover { color: var(--ws-ink) !important; }
html body .woocommerce-checkout input:focus, html body .woocommerce-checkout select:focus, html body .woocommerce-checkout textarea:focus { border-color: var(--ws-accent) !important; }

/* Đánh giá / người mua gần đây / Recently viewed / affiliate */
html body .pod-review-slider { --brand: #1B2A41; }
html body .pod-review-dot, html body .pod-review-dot.active { background-color: rgba(27, 42, 65, .25) !important; }
html body .weskis-rbs-wrap { --rbs-main: #1B2A41; }
html body .weskis-rbs-nav button { border-color: rgba(27, 42, 65, .25) !important; }
html body .weskis-rbs-avatar { border-color: rgba(27, 42, 65, .08) !important; }
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(--ws-accent) !important; box-shadow: 0 0 0 1px var(--ws-accent) !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(--ws-ink) !important; }

/* Popup nước/ngôn ngữ (snippet 24), nhắc mở trình duyệt ngoài, email chân trang */
html body .weskis-btn { background-color: var(--ws-ink); }
html body #wesfb-reminder .wesfb-ext { color: var(--ws-accent); }
html body .footer-wrapper [style*="ff6600"], html body .footer-wrapper [style*="FF6600"] { color: var(--ws-accent) !important; }

/* Trang SP (quét lần 2 sau khi live): bảng size, size/màu EPO, khung tùy chỉnh tên, giảm giá theo số lượng, người mua gần đây.
   Ô 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 a.wpcsc-size-charts-list-item { color: var(--ws-ink) !important; border-color: var(--ws-ink) !important; box-shadow: 0 2px 4px rgba(27, 42, 65, .15) !important; }
html body a.wpcsc-size-charts-list-item:hover { background-color: var(--ws-ink) !important; color: #fff !important; box-shadow: 0 4px 8px rgba(27, 42, 65, .3) !important; }
html body .mfp-wrap button.mfp-close { background-color: var(--ws-ink) !important; }
html body #toan-size-selection .tmcp-field-wrap label:hover { color: var(--ws-ink) !important; border-color: var(--ws-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(--ws-ink) !important; border-color: var(--ws-ink) !important; color: #fff !important; }
html body #toan-color-id .tmcp-field-wrap label:hover .tmhexcolorimage { border-color: var(--ws-ink) !important; box-shadow: 0 0 0 1px var(--ws-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(--ws-ink) !important; box-shadow: 0 0 0 2px rgba(27, 42, 65, .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(--ws-ink) !important; }
html body .tp-card { --tp-accent: #0F6E56; }
html body .tp-band { background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #0F6E56); }
html body .tp-row-name.is-active { box-shadow: 0 0 0 3px rgba(15, 110, 86, .14); }
html body .tp-box, html body .tp-line { stroke: #0F6E56; }
html body .tp-h { border-color: #0F6E56; }
html body .tp-h.tp-rot { background-color: #0F6E56; }
html body .rz-qty-discount-title, html body .rz-icon { color: var(--ws-accent); }
html body .rz-discount-badge { background-color: var(--ws-ink); }
html body .weskis-rbs-person-svg path[fill="#FF7A3D" i] { fill: #44506A; }
html body .weskis-rbs-person-svg path[fill="#E95A20" i] { fill: #1B2A41; }
/* bộ avatar còn các mã khác (BBT/ROZ gặp): ánh xạ hết về tông WES */
html body .weskis-rbs-person-svg path[fill="#FF6A2A" i], html body .weskis-rbs-person-svg path[fill="#FF4D00" i] { fill: #44506A; }
html body .weskis-rbs-person-svg path[fill="#F36B2A" i] { fill: #5B6B88; }
html body .weskis-rbs-person-svg path[fill="#D94A12" i] { fill: #1B2A41; }

/* Kira chat */
html body #kira-chat-trigger { background-image: linear-gradient(135deg, #1B2A41, #2C3E5C); box-shadow: 0 6px 24px rgba(27, 42, 65, .35); }
html body #kira-chat-trigger:hover { box-shadow: 0 8px 30px rgba(27, 42, 65, .45); }
html body #kira-chat-trigger::after { background-color: rgba(27, 42, 65, .18); }
html body #kira-chat-header { background-image: linear-gradient(135deg, #1B2A41, #2C3E5C); }
html body .kira-msg-user { background-image: linear-gradient(135deg, #1B2A41, #2C3E5C); box-shadow: 0 2px 8px rgba(27, 42, 65, .2); }
html body .kira-msg-ai code, html body .kira-msg-ai a { color: var(--ws-accent); }
html body .kira-msg-ai a { border-bottom-color: rgba(15, 110, 86, .5); }
html body #kira-chat-input:focus { border-color: var(--ws-accent) !important; box-shadow: 0 0 0 3px rgba(15, 110, 86, .12) !important; }
html body #kira-chat-send { background-image: linear-gradient(135deg, #0F6E56, #138A6C); }
html body #kira-chat-send:hover { box-shadow: 0 4px 12px rgba(15, 110, 86, .3); }