/* Single-product tabs and related products */

/* ==================================================
   产品详情页 Tabs
   CSS Class：product-detail-tabs
================================================== */

/* Tabs 整体 */
.product-detail-tabs {
    width: 100%;
}

/* 标头导航：改成图1的胶囊形状 */
.product-detail-tabs .nav-tabs,
.product-detail-tabs > .nav,
.product-detail-tabs .tabbed-content > .nav {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: max-content;
    max-width: 100%;
    margin: 0 auto 42px !important;
    padding: 4px !important;

    background: #ffffff !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 15px rgba(15, 30, 45, 0.06);

    overflow: hidden;
}

/* 清除 Flatsome 默认 Tab 项目样式 */
.product-detail-tabs .nav-tabs > li,
.product-detail-tabs .nav > li {
    flex: none;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* 每个 Tab 标题 */
.product-detail-tabs .nav-tabs > li > a,
.product-detail-tabs .nav > li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 43px;
    margin: 0 !important;
    padding: 10px 22px !important;

    color: #566170 !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap;

    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}

/* 去掉 Flatsome 默认下划线和三角标记 */
.product-detail-tabs .nav-tabs > li > a::after,
.product-detail-tabs .nav > li > a::after {
    display: none !important;
    content: none !important;
}

/* 当前激活 Tab */
.product-detail-tabs .nav-tabs > li.active > a,
.product-detail-tabs .nav > li.active > a,
.product-detail-tabs .nav-tabs > li > a.active,
.product-detail-tabs .nav > li > a.active {
    color: #ffffff !important;
    background: #005732 !important;
    border-color: #005732 !important;
}

/* 鼠标经过 */
.product-detail-tabs .nav-tabs > li:not(.active) > a:hover,
.product-detail-tabs .nav > li:not(.active) > a:hover {
    color: #005732 !important;
    background: #f2f7f4 !important;
}

/* ==================================================
   去掉内容区域周围的边框
================================================== */

.product-detail-tabs .tab-panels,
.product-detail-tabs .panel,
.product-detail-tabs .tab-panel,
.product-detail-tabs .entry-content {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Tabs 内容外框 */
.product-detail-tabs .tab-panels {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 每个 Tab 内容 */
.product-detail-tabs .panel,
.product-detail-tabs .tab-panel {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 防止 Flatsome 给内容区域增加上边框 */
.product-detail-tabs .tabbed-content,
.product-detail-tabs .tabbed-content .tab-panels {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}


/* 产品详情页：隐藏 Related Products 标题，保留产品列表 */
.single-product .related-products-wrapper .product-section-title,
.single-product .related-products .product-section-title {
    display: none !important;
}
