/* 主题色覆盖样式 */
/* 使用CSS变量替换原有的硬编码颜色 */

/* 基础样式覆盖 */
b, strong {
    color: var(--primary-color) !important;
}

/* a:hover {
    color: var(--primary-color) !important;
} */

/* 按钮样式 */
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-color-hover) !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* 导航样式 */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--primary-color) !important;
}

.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
}

/* 链接样式 */
a {
    color: var(--text-primary);
}

/* a:hover {
    color: var(--primary-color) !important;
} */

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

/* 文本样式 */
p {
    color: var(--text-secondary);
}

/* 背景样式 */
.bg-1 {
    background: var(--bg-secondary) !important;
}

/* 边框样式 */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* 表单样式 */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(184, 13, 34, 0.25) !important;
}

/* 自定义选择器覆盖 */
[class*="text-primary"] {
    color: var(--primary-color) !important;
}

[class*="bg-primary"] {
    background-color: var(--primary-color) !important;
}

[class*="border-primary"] {
    border-color: var(--primary-color) !important;
}

/* 特定组件样式覆盖 */
.section-title::after,
.section-title::before {
    background-color: var(--primary-color) !important;
}

.service-box:hover {
    border-color: var(--primary-color) !important;
}

.team-member:hover .social-links a {
    background-color: var(--primary-color) !important;
}

.testimonial-item .quote {
    color: var(--primary-color) !important;
}

.pricing-item.featured {
    border-color: var(--primary-color) !important;
}

.pricing-item .price {
    color: var(--primary-color) !important;
}

.blog-item .blog-meta a {
    color: var(--primary-color) !important;
}

.blog-item:hover .blog-title {
    color: var(--primary-color) !important;
}

.footer a:hover {
    /*color: var(--primary-color);*/
}

/* 动画和过渡效果 */
.transition-primary {
    transition: all 0.3s ease;
}

.transition-primary:hover {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}


/* 修改主题色 */
.nav li a::after,
.nav-action-btn .action-link, .nav li.active a::after, .nav li.dropdown.active a::after,
.nav-action-btn .action-link,
.nav li.active a::after, .nav li.dropdown.active a::after {
    /* color: var(--primary-color) !important; */
    background: var(--primary-color) !important;
    box-shadow: var(--primary-shadow) !important;
}
.tab-item h1:after {
    background: var(--primary-color) !important;
}
.view-more {
    color: var(--primary-color) !important;
    border:2px solid var(--primary-color) !important;
}
.view-more i,
.tab-item.active h1,
.tab-item:hover h1 {
    color: var(--primary-color) !important;
}
.view-more:hover {
    background:var(--primary-color) !important;
    box-shadow: var(--primary-shadow) !important;
    color:var(--primary-color-fontColor) !important;
}
.view-more:hover i {
    color:var(--primary-color-fontColor) !important;
}
.news-tab-btn.active {
    background:var(--primary-color) !important;
    box-shadow: var(--primary-shadow) !important;
}
.customer-service-btn {
    background:var(--primary-color) !important;
    box-shadow: var(--primary-shadow) !important;
}
.company-intro h4 {
    color:var(--primary-color-fontColor) !important;
}
.dropdown-menu li a:hover {
    box-shadow: var(--primary-color-insetShadow)!important;
}
.filter-tag.active,
.filter-tags a:hover {
    background:var(--primary-color) !important;
    box-shadow: var(--primary-shadow) !important;
}


/* 响应式主题色调整 */
@media (max-width: 768px) {
    :root {
        --primary-color: var(--primary-color);
        --primary-color-hover: var(--primary-color-hover);
    }
}