/* ============================================
   Theme Application CSS - Extended
   使用CSS变量实现主题切换
   支持自定义所有主要区域的颜色
   ============================================ */

/* ========== 导航栏宽度修复 ========== */
.header,
.header.header-light,
.header .navbar {
    width: 100% !important;
    max-width: 100% !important;
}

/* ========== 顶部栏 ========== */
.top-bar {
    background-color: var(--color-top-bar-bg) !important;
    color: var(--color-top-bar-text) !important;
}

.top-bar * {
    color: inherit;
}

.top-bar-2 {
    background-color: var(--color-top-bar-2-bg) !important;
    color: var(--color-top-bar-2-text) !important;
}

.top-bar-2 * {
    color: inherit;
}

/* 顶栏2文字与图标强制按主题变量着色（含白色兜底），防止 style.css 等更特异性的默认灰色覆盖 */
.top-bar-2 .headline,
.top-bar-2 .headline a,
.top-bar-2 .contact-infos i,
.top-bar-2 .contact-infos a,
.top-bar-2 .contact-infos p,
.top-bar-2 .contact-body p,
.top-bar-2 .energia-email--icon,
.top-bar-2 .energia-clock-Icon,
.top-bar-2 .energia-alert-Icon {
    color: var(--color-top-bar-2-text, #ffffff) !important;
}

/* ========== 顶部导航栏阴影（决定 comm-content 顶部45-50px渐变横条） ========== */
.header,
.header.header-topbar,
.header.header-topbar.header-shadow {
    box-shadow: 0 5px var(--color-header-shadow-spread, 41.5px) var(--color-header-shadow, rgba(40, 40, 40, 0.11)) !important;
    -webkit-box-shadow: 0 5px var(--color-header-shadow-spread, 41.5px) var(--color-header-shadow, rgba(40, 40, 40, 0.11)) !important;
}
.header.header-topbar.header-shadow .navbar {
    box-shadow: 0 5px var(--color-header-shadow-spread, 41.5px) var(--color-header-shadow, rgba(9, 29, 62, 0.11)) !important;
    -webkit-box-shadow: 0 5px var(--color-header-shadow-spread, 41.5px) var(--color-header-shadow, rgba(9, 29, 62, 0.11)) !important;
}

/* ========== 导航菜单 ========== */
.navbar-nav.me-auto,
.navbar-nav,
.main-header .navbar-nav {
    color: var(--color-navbar-link) !important;
}

.navbar-nav.me-auto a,
.navbar-nav a,
.navbar-solution-menu a,
.main-header .navbar-nav a {
    color: var(--color-navbar-link) !important;
}

.navbar-nav.me-auto a:hover,
.navbar-nav a:hover,
.navbar-solution-menu a:hover,
.main-header .navbar-nav a:hover {
    color: var(--color-navbar-link-hover) !important;
}

/* 只让直接子链接生效，不影响下拉菜单内的链接 */
.navbar-nav.me-auto > li.active > a,
.navbar-nav > li.active > a,
.navbar-solution-menu > li.active > a {
    color: var(--color-navbar-active) !important;
}

/* 产品菜单下拉项激活状态 - 只影响当前选中的子项 */
.navbar-nav.me-auto > li.has-dropdown.active > a,
.navbar-nav > li.has-dropdown.active > a,
.navbar-solution-menu > li.has-dropdown.active > a {
    color: var(--color-navbar-active) !important;
}

/* 下拉菜单子项激活状态 - 文字显示为主题激活色 */
.header .navbar .dropdown-menu li.current a,
.header .navbar .dropdown-menu li.active a {
    color: var(--color-navbar-active) !important;
    font-weight: 600 !important;
}

/* 下拉菜单子项激活状态的背景 */
.header .navbar .dropdown-menu li.current a {
    background-color: var(--color-dropdown-active-bg) !important;
}

/* Solution 菜单子项：用 navbar 链接色（黑色），不用 dropdown_link（白色），因为 Solution 下拉背景为白色 */
.header .navbar .navbar-solution-menu .dropdown-menu a {
    color: var(--color-navbar-link) !important;
}
.header .navbar .navbar-solution-menu .dropdown-menu a:hover {
    background-color: var(--color-dropdown-hover-bg) !important;
    color: var(--color-navbar-active) !important;
}
.header .navbar .navbar-solution-menu .dropdown-menu li.current a,
.header .navbar .navbar-solution-menu .dropdown-menu li.active a {
    color: var(--color-navbar-active) !important;
}

/* ========== 分类标题 ========== */
.category-h2 {
    color: var(--color-category-h2) !important;
    border-bottom-color: var(--color-category-h2-border) !important;
    border-left-color: var(--color-category-h2-border) !important;
}

/* ========== 学习更多链接 ========== */
.learn-more,
a.learn-more {
    color: var(--color-learn-more) !important;
}

.learn-more:hover,
a.learn-more:hover {
    color: var(--color-learn-more-hover) !important;
}

/* ========== 更多产品链接 ========== */
.more-products-link,
a.more-products-link {
    color: var(--color-more-products-link) !important;
}

.more-products-link:hover,
a.more-products-link:hover {
    color: var(--color-more-products-hover) !important;
}

/* ========== 主按钮 ========== */
.btn.btn--primary,
.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary {
    background-color: var(--color-btn-primary) !important;
    border-color: var(--color-btn-primary) !important;
    color: var(--color-btn-primary-text) !important;
}

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

/* 通用主按钮 */
.btn-primary,
.button-primary,
.btn-main,
.cta-button {
    background-color: var(--color-btn-primary) !important;
    color: var(--color-btn-primary-text) !important;
}

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

/* ========== H4 标题 ========== */
h4 {
    color: var(--color-h4) !important;
}

h4.title,
h4.subtitle,
.card h4 {
    color: var(--color-h4) !important;
}

/* ========== 客户标题 ========== */
.client-title,
.client-section .title,
.testimonial-title {
    color: var(--color-client-title) !important;
}

/* ========== 小部件内容 ========== */
.widget-content,
.widget .content,
.sidebar-widget .content {
    background-color: var(--color-widget-content-bg) !important;
    color: var(--color-widget-content-text) !important;
}

/* ========== 容器背景 ========== */
.container,
.container-fluid,
.wrap,
/*.main-container {
    background-color: var(--color-container-bg);
}
*/
/* 页面顶部横幅区域的 container 和 row 透明 */
.page-title .container,
.page-title .container-fluid,
.page-title .row,
.page-title-1 .container,
.page-title-1 .container-fluid,
.page-title-1 .row,
.page-title-wrap .container,
.page-title-wrap .row,
.breadcrumb-wrap .container,
.breadcrumb-wrap .row {
    background-color: transparent !important;
}

/* 页面顶部横幅区域的列也透明 */
.page-title .col-12,
.page-title .col-lg-6,
.page-title .col-md-6,
.page-title .col-sm-6,
.page-title-1 .col-12,
.page-title-1 .col-lg-6 {
    background-color: transparent !important;
}

/* Footer 内的 container 和 row 继承 footer 背景 */
.footer .container,
.footer .container-fluid,
.footer .row,
.footer-bottom .container,
.footer-bottom .container-fluid,
.footer-bottom .row,
.footer .widget-content,
.footer .widget .content,
.footer-bottom .widget-content,
.footer-widget,
.footer-widget .widget-content,
.footer .col-lg-2,
.footer .col-lg-4,
.footer .col-md-6,
.footer .col-sm-6,
.footer .col-12 {
    background-color: transparent !important;
}

/* ========== 产品分类标题 ========== */
.pro_sub h2,
.pro-sub h2.title,
.product-sub h2,
.ny-navh2 .pro_sub h2 {
    color: var(--color-pro-sub-h2) !important;
    background-color: var(--color-pro-sub-h2-bg) !important;
}

.pro_sub h2 a,
.pro-sub h2 a,
.ny-navh2 .pro_sub h2 a {
    color: var(--color-pro-sub-h2) !important;
}

.pro_sub h2:hover,
.ny-navh2 .pro_sub h2:hover {
    color: var(--color-pro-sub-h2-hover) !important;
    background-color: var(--color-pro-sub-h2-hover-bg) !important;
}

.pro_sub h2:hover a,
.ny-navh2 .pro_sub h2:hover a {
    color: var(--color-pro-sub-h2-hover) !important;
}

.pro_sub h2.cur,
.pro_sub h2.cur a,
.ny-navh2 .pro_sub h2.cur,
.ny-navh2 .pro_sub h2.cur a {
    color: var(--color-pro-sub-h2-active) !important;
    background-color: var(--color-pro-sub-h2-active-bg) !important;
}

/* ========== 模块号召行动 ========== */
.module-call,
.call-to-action,
.cta-section {
    background-color: var(--color-module-call-bg) !important;
    color: var(--color-module-call-text) !important;
}

.module-call *,
.call-to-action *,
.cta-section * {
    color: inherit;
}

/* 强制覆盖 module-call 内的链接颜色 */
.header .module-call a,
.header .module-call a:hover,
.module-call a,
.module-call a:visited,
.module-call a:hover,
.module-call a:active,
.call-to-action a,
.call-to-action a:hover,
.cta-section a,
.cta-section a:hover {
    color: var(--color-module-call-text) !important;
    text-decoration: none;
}

/* module-call 内的图标颜色 */
.module-call a i,
.module-call a:hover i {
    color: var(--color-module-call-text) !important;
}

/* ========== 通用链接样式 ========== */
a {
    color: var(--color-link) !important;
}

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

/* ========== 通用主色调元素 ========== */
.text-primary,
.accent-text,
.highlight,
.price,
.price-tag {
    color: var(--color-primary) !important;
}

.bg-primary,
.bg-accent,
.section-accent {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
}

/* ========== 标题层级（仅编辑器内容区域） ========== */
.editor-content h1,
.editor-content h2,
.editor-content h3,
.news_content h1,
.news_content h2,
.news_content h3,
.hdpe-solution-wrap h1,
.hdpe-solution-wrap h2,
.hdpe-solution-wrap h3 {
    color: var(--color-secondary) !important;
}

.editor-content h5,
.editor-content h6,
.news_content h5,
.news_content h6,
.hdpe-solution-wrap h5,
.hdpe-solution-wrap h6 {
    color: var(--color-secondary) !important;
}

/* ========== 导航链接通用 ========== */
.nav a,
.header-nav a,
.main-nav a {
    color: var(--color-navbar-link) !important;
}

.nav a:hover,
.header-nav a:hover {
    color: var(--color-navbar-link-hover) !important;
}

/* ========== 标签/徽章 ========== */
.tag,
.badge,
.label {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
}

/* ========== 卡片/盒子 ========== */
.card,
.box,
.panel {
    background-color: var(--color-bg-light);
    border-color: var(--color-border);
}

.card:hover,
.box:hover {
    border-color: var(--color-primary);
}

/* ========== 编辑器内容 ========== */
.editor-content h2,
.news_content h2 {
    border-bottom-color: var(--color-primary) !important;
}

.editor-content h3,
.news_content h3 {
    border-left-color: var(--color-primary) !important;
}

/* 注意：不要设置全局的 .news_content a 颜色，因为 features 区域在 .news_content 内部 */
/* 使用更具体的选择器 */
.editor-content p a,
.editor-content li a,
.news_content p a,
.news_content li a {
    color: var(--color-primary) !important;
}

/* ========== 面包屑 ========== */
.breadcrumb-item {
    color: var(--color-breadcrumb) !important;
}

.breadcrumb-item a {
    color: var(--color-breadcrumb) !important;
}

.breadcrumb-item a:hover {
    color: var(--color-breadcrumb-hover) !important;
}

.breadcrumb-item.active {
    color: var(--color-breadcrumb-active) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--color-breadcrumb-separator) !important;
}

.breadcrumb-wrap {
    background-color: var(--color-breadcrumb-bg) !important;
}

.breadcrumb-wrap .breadcrumb {
    background-color: transparent !important;
}

/* ========== Features 功能区 ========== */
/* 通用选择器 - 适用于所有页面的 features-1 */
.features-1.bg-overlay.bg-overlay-theme2,
.features-1.bg-overlay,
section.features-1[style*="background-image"] {
    background-image: none !important;
    background-color: var(--color-features-bg-start) !important;
}

.features-1.bg-overlay.bg-overlay-theme2:before,
.features-1.bg-overlay:before {
    background-image: linear-gradient(180deg, var(--color-features-bg-start) 50%, var(--color-features-bg-end) 100%) !important;
    background-color: transparent !important;
}

/* 限制在 features-1 区域内设置文字颜色 */
.features-1 {
    color: var(--color-features-text) !important;
}

/* features-1 内的标题颜色 */
.features-1 h1,
.features-1 h2,
.features-1 h3,
.features-1 h4,
.features-1 h5,
.features-1 h6 {
    color: var(--color-features-title) !important;
    border-bottom-color: var(--color-features-title) !important;
    border-left-color: var(--color-features-title) !important;
}

/* features-1 内的链接颜色 */
.features-1 a,
.features-1 a:hover,
.features-1 a:visited {
    color: var(--color-features-title) !important;
    text-decoration: none !important;
}

/* features 区域内的 container 背景透明，让功能区背景色生效 */
.features-1 .container,
.features-1 .container-fluid,
.features-1 .row,
.features-2 .container,
.features-2 .container-fluid,
.features-2 .row {
    background-color: transparent !important;
}

/* features-2 资质荣誉区域样式 */
.features-2.bg-overlay.bg-overlay-theme2,
.features-2.bg-overlay,
section.features-2[style*="background-image"] {
    background-image: none !important;
    background-color: var(--color-features-bg-start) !important;
}

.features-2.bg-overlay.bg-overlay-theme2:before,
.features-2.bg-overlay:before {
    background-image: linear-gradient(180deg, var(--color-features-bg-start) 50%, var(--color-features-bg-end) 100%) !important;
    background-color: transparent !important;
}

/* 限制在 features-2 区域内设置文字颜色 */
.features-2 {
    color: var(--color-features-text) !important;
}

/* features-2 内的标题颜色 */
.features-2 h1,
.features-2 h2,
.features-2 h3,
.features-2 h4,
.features-2 h5,
.features-2 h6 {
    color: var(--color-features-title) !important;
    border-bottom-color: var(--color-features-title) !important;
    border-left-color: var(--color-features-title) !important;
}

/* features-2 内的链接颜色 */
.features-2 a,
.features-2 a:hover,
.features-2 a:visited {
    color: var(--color-features-title) !important;
    text-decoration: none !important;
}

/* newslist_content 页面专用 - 更高优先级覆盖 editor-content.css */
.newslist_content .news_content .features-1.bg-overlay.bg-overlay-theme2,
.newslist_content .news_content .features-1.bg-overlay {
    background-image: none !important;
    background-color: var(--color-features-bg-start) !important;
}

.newslist_content .news_content .features-1 {
    color: var(--color-features-text) !important;
}

.newslist_content .news_content .features-1 h1,
.newslist_content .news_content .features-1 h2,
.newslist_content .news_content .features-1 h3,
.newslist_content .news_content .features-1 h4 {
    color: var(--color-features-title) !important;
}

/* newslist_content 页面专用 - features-2 */
.newslist_content .news_content .features-2.bg-overlay.bg-overlay-theme2,
.newslist_content .news_content .features-2.bg-overlay {
    background-image: none !important;
    background-color: var(--color-features-bg-start) !important;
}

.newslist_content .news_content .features-2 {
    color: var(--color-features-text) !important;
}

.newslist_content .news_content .features-2 h1,
.newslist_content .news_content .features-2 h2,
.newslist_content .news_content .features-2 h3,
.newslist_content .news_content .features-2 h4 {
    color: var(--color-features-title) !important;
}

/* ========== FAQ ========== */
.faq-question,
.faq-item h3 {
    color: var(--color-secondary) !important;
    border-left-color: var(--color-primary) !important;
}

/* ========== 分页 ========== */
.pagination .active,
.pagination .current {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
    border-color: var(--color-primary) !important;
}

/* ========== 表格 ========== */
table.striped tr:nth-child(even) {
    background-color: var(--color-bg-light) !important;
}

/* ========== 表单 ========== */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--color-primary) !important;
    outline-color: var(--color-primary) !important;
}

/* ========== 覆盖内联样式中的旧颜色 ========== */
[style*="color: #f16424"],
[style*="color:#f16424"] {
    color: var(--color-primary) !important;
}

[style*="background: #f16424"],
[style*="background:#f16424"] {
    background-color: var(--color-primary) !important;
}

[style*="border-color: #f16424"],
[style*="border-color:#f16424"] {
    border-color: var(--color-primary) !important;
}

[style*="color: #1a365d"],
[style*="color:#1a365d"] {
    color: var(--color-secondary) !important;
}

/* ========== 列表勾选 ========== */
ul.check-list li,
.feature-list li {
    color: var(--color-text) !important;
}

/* ========== 社交图标 ========== */
.social-icon:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
}

/* ========== 扩展：更多元素颜色覆盖 ========== */

/* Header 整体背景 */
.header,
.main-header,
.site-header {
    background-color: var(--color-header-bg) !important;
    color: var(--color-header-text) !important;
}

/* Dropdown 菜单 */
.dropdown-menu {
    background-color: var(--color-dropdown-bg) !important;
}

.dropdown-menu a,
.dropdown-item {
    color: var(--color-dropdown-link) !important;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
    background-color: var(--color-dropdown-hover-bg) !important;
    color: var(--color-text-white) !important;
}

/* Footer 区域 */
.footer,
.site-footer,
.main-footer {
    background-color: var(--color-footer-bg) !important;
    color: var(--color-footer-text) !important;
}

.footer a,
.site-footer a {
    color: var(--color-footer-link) !important;
}

.footer a:hover,
.site-footer a:hover {
    color: var(--color-footer-link-hover) !important;
}

/* Footer 专属 - 小部件标题 */
.footer .footer-widget .footer-widget-title h5 {
    color: var(--color-footer-widget-title) !important;
}

/* Footer 专属 - 小部件内容 */
.footer .widget-content,
.footer .widget-content p,
.footer .widget-content li {
    color: var(--color-footer-widget-content) !important;
}

.footer .widget-links ul li a {
    color: var(--color-footer-widget-content) !important;
}

.footer .widget-links ul li a:hover {
    color: var(--color-footer-link-hover) !important;
}

.footer .widget-contact .widget-content .phone a {
    color: var(--color-footer-widget-content) !important;
}

.footer .widget-contact .widget-content .phone a:hover {
    color: var(--color-footer-link-hover) !important;
}

.footer .widget-contact .widget-content .email a {
    color: var(--color-footer-widget-content) !important;
}

/* Footer 专属 - footer-bottom */
.footer-bottom,
.footer .footer-bottom {
    background-color: var(--color-footer-bottom-bg) !important;
}

/* Footer 专属 - 版权文字 */
.footer-copyright .copyright span,
.footer-copyright .copyright span a {
    color: var(--color-footer-copyright-text) !important;
}

.footer-copyright .copyright span a:hover {
    color: var(--color-footer-link-hover) !important;
}

/* Footer 专属 - 社交图标 */
.footer-copyright .copyright .social-icons li a {
    color: var(--color-footer-social-icon) !important;
}

.footer-copyright .copyright .social-icons li a:hover {
    color: var(--color-footer-social-hover) !important;
}

.footer-copyright .copyright .social-icons li a i {
    color: var(--color-footer-social-icon) !important;
}

.footer-copyright .copyright .social-icons li a:hover i {
    color: var(--color-footer-social-hover) !important;
}

/* Footer 专属 - directions链接 */
.footer .widget-contact .widget-content .directions a {
    color: var(--color-footer-widget-content) !important;
}

.footer .widget-contact .widget-content .directions a:hover {
    color: var(--color-footer-link-hover) !important;
}

.footer .widget-contact .widget-content .directions a i {
    color: var(--color-footer-widget-content) !important;
}

.footer .widget-contact .widget-content .directions a:hover i {
    color: var(--color-footer-link-hover) !important;
}

/* Sidebar 侧边栏 */
.sidebar,
.sidebar-left,
.sidebar-right {
    background-color: var(--color-widget-content-bg) !important;
}

/* Section 区块背景 */
.section,
.content-section,
.page-section {
    background-color: var(--color-section-bg) !important;
}

.section-dark,
.section-accent {
    background-color: var(--color-section-dark-bg) !important;
    color: var(--color-section-dark-text) !important;
}

/* Hero Banner 标题 */
.hero-title,
.banner-title,
.slider-title,
.main-title,
.page-title .title .title-heading,
.page-title-wrap .title .title-heading,
.page-title h1,
.page-title-wrap h1 {
    color: var(--color-hero-title) !important;
}

.hero-subtitle,
.banner-subtitle,
.slider-subtitle,
.page-title .title .title-desc,
.page-title-wrap .title .title-desc,
.page-title p,
.page-title-wrap p {
    color: var(--color-hero-subtitle) !important;
}

/* Product Card 产品卡片 */
.product-card,
.goods-item,
.product-item {
    background-color: var(--color-product-card-bg) !important;
    border-color: var(--color-product-card-border) !important;
}

.product-card:hover,
.goods-item:hover {
    border-color: var(--color-primary) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.product-title,
.goods-title {
    color: var(--color-product-title) !important;
}

/* News/Blog 新闻列表 */
.news-item,
.blog-item,
.article-item {
    background-color: var(--color-container-bg) !important;
}

.news-title,
.blog-title,
.article-title {
    color: var(--color-news-title) !important;
}

.news-meta,
.news-date {
    color: var(--color-news-meta) !important;
}

/* 通用交互元素 */
.form-control,
.form-input,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    border-color: var(--color-form-border) !important;
    background-color: var(--color-form-bg) !important;
    color: var(--color-text) !important;
}

.form-control:focus {
    border-color: var(--color-form-focus) !important;
    box-shadow: 0 0 0 2px rgba(241, 100, 36, 0.1);
}

/* 列表样式 */
ul, ol {
    color: var(--color-text) !important;
}

li {
    color: var(--color-text) !important;
}

/* Blockquote */
blockquote {
    border-left-color: var(--color-primary) !important;
    color: var(--color-text-light) !important;
}

/* Code 代码块 */
code, pre {
    background-color: var(--color-bg-light) !important;
    color: var(--color-text) !important;
}

/* Divider 分割线 */
hr, .divider {
    border-color: var(--color-border) !important;
}

/* Alert/Notice 提示框 */
.alert-primary,
.notice-primary {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
    border-color: var(--color-primary) !important;
}

/* Price 价格 */
.price-current,
.sale-price {
    color: var(--color-price-current) !important;
}

.price-original {
    color: var(--color-price-original) !important;
    text-decoration: line-through;
}

/* Tag/标签云 */
.tag-cloud a,
.tag-list a {
    background-color: var(--color-tag-bg) !important;
    color: var(--color-tag-text) !important;
}

.tag-cloud a:hover {
    background-color: var(--color-tag-hover-bg) !important;
    color: var(--color-text-white) !important;
}

/* 移动适配 */
@media (max-width: 768px) {
    .top-bar,
    .top-bar-2 {
        background-color: var(--color-top-bar-bg) !important;
    }
    
    .navbar-nav.me-auto a:hover {
        color: var(--color-navbar-link-hover) !important;
    }
    
    .module-call {
        background-color: var(--color-module-call-bg) !important;
    }
    
    .container,
    .container-fluid {
        background-color: var(--color-container-bg) !important;
    }
}

/* ========== News List 新闻列表 ========== */
.newslist li {
    border-bottom-color: var(--color-newslist-border) !important;
}

.newslist li a {
    color: var(--color-newslist-title) !important;
}

.newslist li a:hover {
    color: var(--color-newslist-title-hover) !important;
}

.newslist li span {
    color: var(--color-newslist-date) !important;
}

/* ========== 产品详情Tab ========== */
.detail-tab-content {
    background-color: var(--color-detail-tab-bg) !important;
}

.detail-tab-content h2 {
    color: var(--color-detail-tab-title) !important;
    border-left-color: var(--color-detail-tab-border) !important;
}

.detail-tabs a {
    background-color: var(--color-detail-tab-btn-bg) !important;
    color: var(--color-detail-tab-btn-text) !important;
}

.detail-tabs a:hover {
    background-color: var(--color-detail-tab-btn-hover-bg) !important;
    color: var(--color-detail-tab-btn-hover-text) !important;
}