/* B站(sevoras.shop) 勃艮第红主题 — 全面替换主题色为#722F37，普通文字保持黑色 */

/* ========== 1. 主题CSS变量覆盖 ========== */
:root {
    --wf-main-rgb: 114, 47, 55 !important;
    --wf-main-color: #722F37 !important;
    --wf-secondary-color: #2C1810 !important;
    --woocommerce: #722F37 !important;
    --wc-blue: #722F37 !important;
    --wc-primary: #722F37 !important;
    --wc-primary-text: #fff !important;
}

/* ========== 2. 顶部横幅 — 任何颜色背景 → 勃艮第红背景，文字变白 ========== */
.woo-top-bar,
.woo-topbar,
.top-bar,
.topbar,
.header-top-bar,
.header-topbar,
[class*="top-bar"],
[class*="topbar"] {
    background-color: #722F37 !important;
    background: #722F37 !important;
}

.woo-top-bar a,
.woo-topbar a,
.top-bar a,
.topbar a,
.header-top-bar a,
.header-topbar a {
    color: #fff !important;
}

/* ========== 3. 按钮 — 任何背景色 → 勃艮第红背景，文字白色 ========== */
button,
input[type="submit"],
input[type="button"],
.btn,
.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.add_to_cart_button,
.single_add_to_cart_button,
.woo-top-bar-action a,
.woo-topbar-action a,
.top-bar-action a,
.flash-sale-btn,
[class*="flash-sale"],
[class*="flash_sale"] {
    background-color: #722F37 !important;
    background: #722F37 !important;
    border-color: #722F37 !important;
    color: #fff !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wc-block-components-button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.flash-sale-btn:hover {
    background-color: #5a2430 !important;
    background: #5a2430 !important;
    border-color: #5a2430 !important;
    color: #fff !important;
}

/* 按钮outline样式 */
.btn-outline-primary,
.button-outline,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background-color: transparent !important;
    color: #722F37 !important;
    border-color: #722F37 !important;
}

.btn-outline-primary:hover,
.button-outline:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 4. 内联样式中的蓝/紫/橙/红背景 → 勃艮第红 ========== */
[style*="background-color: #00"],
[style*="background: #00"],
[style*="background-color: #22"],
[style*="background: #22"],
[style*="background-color: #33"],
[style*="background: #33"],
[style*="background-color: #1e"],
[style*="background: #1e"],
[style*="background-color: #2e"],
[style*="background: #2e"],
[style*="background-color: #4b"],
[style*="background: #4b"],
[style*="background-color: #5b"],
[style*="background: #5b"],
[style*="background-color: #6b"],
[style*="background: #6b"],
[style*="background-color: #7b"],
[style*="background: #7b"],
[style*="background-color: #8b"],
[style*="background: #8b"],
[style*="background-color: #9b"],
[style*="background: #9b"],
[style*="background-color: #fe"],
[style*="background: #fe"],
[style*="background-color: #ff6"],
[style*="background: #ff6"],
[style*="background-color: rgb(0"],
[style*="background: rgb(0"],
[style*="background-color: rgba(0"],
[style*="background: rgba(0"],
[style*="background-color: rgb(75"],
[style*="background: rgb(75"],
[style*="background-color: rgb(100"],
[style*="background: rgb(100"],
[style*="background-color: rgb(123"],
[style*="background: rgb(123"],
[style*="background-color: rgb(254"],
[style*="background: rgb(254"],
[style*="background-color: rgb(255, 105"],
[style*="background: rgb(255, 105"] {
    background-color: #722F37 !important;
    background: #722F37 !important;
}

/* ========== 5. WooCommerce 通知/消息框 ========== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-notice {
    border-top-color: #722F37 !important;
    background-color: #fdf5f6 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #722F37 !important;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
    background: #722F37 !important;
    color: #fff !important;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
    border-color: #722F37 transparent transparent transparent !important;
}

/* ========== 6. 价格保持勃艮第红 ========== */
.woocommerce-Price-amount,
.price,
.product-price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #722F37 !important;
}

/* ========== 7. 表单焦点状态 ========== */
input:focus,
textarea:focus,
select:focus {
    border-color: #722F37 !important;
    outline-color: #722F37 !important;
    box-shadow: 0 0 0 1px #722F37 !important;
}

/* ========== 8. 选中高亮 ========== */
::selection {
    background: #722F37 !important;
    color: #fff !important;
}

/* ========== 9. 评分星星 ========== */
.star-rating span,
.woocommerce .star-rating span {
    color: #722F37 !important;
}

/* ========== 10. 购物车数量徽标 ========== */
.woocommerce-cart-count,
.cart-count,
.wf-header-cart-count,
[class*="cart-count"] {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 11. 滚动条 ========== */
::-webkit-scrollbar-thumb {
    background: #722F37 !important;
}

/* ========== 12. 搜索按钮 ========== */
.search-submit,
.woo-search-submit,
.wc-search-submit,
[class*="search-submit"] {
    background-color: #722F37 !important;
    background: #722F37 !important;
    border-color: #722F37 !important;
    color: #fff !important;
}

.search-submit:hover,
.woo-search-submit:hover {
    background-color: #5a2430 !important;
    border-color: #5a2430 !important;
}

/* ========== 13. 分类标签hover ========== */
.tagcloud a:hover,
.widget_tag_cloud a:hover,
[class*="tagcloud"] a:hover {
    background-color: #722F37 !important;
    border-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 14. 导航当前项标记 ========== */
.current-menu-item a::after,
.current_page_item a::after,
.active a::after,
.nav-menu .current-menu-item > a,
.nav-menu .current_page_item > a {
    border-bottom-color: #722F37 !important;
    background-color: #722F37 !important;
}

/* ========== 15. 分页 ========== */
.page-numbers.current,
.pagination .current,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #722F37 !important;
    border-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 16. 数量选择器 ========== */
.woocommerce .quantity .qty,
.qty {
    border-color: #722F37 !important;
}

/* ========== 17. 进度条/步骤指示器 ========== */
.woocommerce-checkout .checkout-steps .step.active,
.woocommerce-checkout .checkout-steps .step.current,
.step-indicator .active,
.step-indicator .current {
    background-color: #722F37 !important;
    border-color: #722F37 !important;
}

/* ========== 18. 蓝/紫/橙 class 覆盖（仅背景） ========== */
[class*="blue"],
[class*="Blue"],
[id*="blue"],
[id*="Blue"],
[class*="purple"],
[class*="Purple"],
[id*="purple"],
[id*="Purple"],
[class*="orange"],
[class*="Orange"],
[id*="orange"],
[id*="Orange"] {
    background-color: #722F37 !important;
    border-color: #722F37 !important;
}

/* 保持这些元素里的文字为默认色，不强制变红 */
[class*="blue"] h1, [class*="blue"] h2, [class*="blue"] h3,
[class*="blue"] h4, [class*="blue"] h5, [class*="blue"] h6,
[class*="blue"] p, [class*="blue"] span,
[class*="Blue"] h1, [class*="Blue"] h2, [class*="Blue"] h3,
[class*="Blue"] h4, [class*="Blue"] h5, [class*="Blue"] h6,
[class*="Blue"] p, [class*="Blue"] span,
[id*="blue"] h1, [id*="blue"] h2, [id*="blue"] h3,
[id*="blue"] h4, [id*="blue"] h5, [id*="blue"] h6,
[id*="blue"] p, [id*="blue"] span {
    color: inherit !important;
}

/* ========== 19. 链接hover（仅hover时变红，默认保持黑色） ========== */
a:hover,
a:focus {
    color: #722F37 !important;
}

/* ========== 20. 产品分类卡片hover ========== */
.product-category:hover,
.cat-item:hover,
.product-categories li:hover {
    border-color: #722F37 !important;
}

/* ========== 21. 下拉菜单激活项 ========== */
.dropdown-menu .active,
.dropdown-item.active,
.sub-menu .current-menu-item {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 22. 优惠券/折扣标记 ========== */
.onsale,
.sale-badge,
[class*="sale"],
[class*="badge"] {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 23. 表单选中状态 ========== */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    background-color: #722F37 !important;
    border-color: #722F37 !important;
}

/* ========== 24. 标签页激活 ========== */
.nav-tabs .active,
.tab-content .active,
.wc-tabs .active {
    border-color: #722F37 !important;
    color: #722F37 !important;
}

/* ========== 25. 面包屑导航当前项 ========== */
.breadcrumb-item.active,
.breadcrumbs .current {
    color: #722F37 !important;
}

/* ========== 26. 返回顶部按钮 ========== */
.scroll-top,
.back-to-top,
#scrollTop {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 27. 计数器/数字动画 ========== */
.counter,
.count-number,
.stat-number {
    color: #722F37 !important;
}

/* ========== 28. 图标hover ========== */
.iconbox:hover,
.service-icon:hover,
.feature-icon:hover {
    background-color: #722F37 !important;
    color: #fff !important;
}

/* ========== 29. 时间线/步骤条 ========== */
.timeline-dot,
.step-dot,
.progress-bar {
    background-color: #722F37 !important;
}

/* ========== 30. 轮播指示器 ========== */
.owl-dot.active,
.slick-active button,
.carousel-indicators .active {
    background-color: #722F37 !important;
}
