@charset "UTF-8";
/*
Theme Name: flatsome Child
Description: This is a child theme for flatsome Theme
Author: dak
Template: flatsome
Version: 1.0.1
*/

/**
 * ==================== 性能优化说明 ====================
 * 所有CSS文件已通过 functions/script-style.php 使用 wp_enqueue_style 并行加载
 * 原18个 @import 串行加载已优化为并行加载，性能提升5-10倍
 *
 * 加载的CSS文件列表：
 * - diy.css (基础样式)
 * - css/product.css (产品单页)
 * - css/page.css (单页面)
 * - css/single-archive.css (文章存档)
 * - css/single.css (文章单页)
 * - css/block-faq-list.css (折叠卡)
 * - css/plugin.css (插件)
 * - css/font-type.css (字体)
 * - css/header.css (头部)
 * - css/footer.css (底部)
 * - css/block-btn.css (按钮)
 * - css/clean-layout.css (布局/间距/填充/阴影)
 * - css/icon.css (图标)
 * - css/block-breadcrumb.css (面包屑)
 * - css/block-slider.css (轮播)
 * - css/block-lightbox.css (弹窗)
 * - css/block-tabs.css (切换卡)
 * - css/block-UX.css (UX编辑器，条件加载)
 * ===================================================
 */
 
 @media (max-width: 549px) {
 .Trust-Badge .icon-box-center p{
     font-size: 9px;
 }
 .Trust-Badge .icon-box-center .icon-box-img {
    margin: 0 auto 0em;
}
 
}

@media (max-width: 549px) {
.home .flickity-button{
    display: none;
}
}



 
 /*信任徽章*/
 @media (max-width: 549px) {
 .Trust-Badge{
     display: NONE;
     
 }
 
 .home .Trust-Badge{
     display: block;
 }
}


/* ==========================================================================
详情产品
   ========================================================================== */
 /* 选择变体后显示的价格区域 */
body.single-product form.variations_form
.single_variation_wrap
.woocommerce-variation-price {
    display: block !important;
    width: 100% !important;
    margin: 15px 0 20px !important;
    padding: 0 !important;
}

/* 变体价格整体 */
body.single-product form.variations_form
.single_variation_wrap
.woocommerce-variation-price
span.price {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

/* 强制所有金额元素继承字号 */
body.single-product form.variations_form
.woocommerce-variation-price
.price .woocommerce-Price-amount,

body.single-product form.variations_form
.woocommerce-variation-price
.price .woocommerce-Price-amount bdi {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* 原价 */
body.single-product form.variations_form
.woocommerce-variation-price
.price del {
    display: inline-flex !important;
    align-items: baseline !important;
    margin: 0 !important;
    color: #999 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* 原价内部金额 */
body.single-product form.variations_form
.woocommerce-variation-price
.price del .woocommerce-Price-amount,

body.single-product form.variations_form
.woocommerce-variation-price
.price del bdi {
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

/* 当前促销价 */
body.single-product form.variations_form
.woocommerce-variation-price
.price ins {
    display: inline-flex !important;
    align-items: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--primary-color) !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* 当前促销价内部金额 */
body.single-product form.variations_form
.woocommerce-variation-price
.price ins .woocommerce-Price-amount,

body.single-product form.variations_form
.woocommerce-variation-price
.price ins bdi {
    color: var(--primary-color) !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

/* 货币符号 */
body.single-product form.variations_form
.woocommerce-variation-price
.woocommerce-Price-currencySymbol {
    font-size: 0.78em !important;
    line-height: 1 !important;
    vertical-align: 0.08em !important;
}

/* 手机端 */
@media screen and (max-width: 549px) {
    body.single-product form.variations_form
    .woocommerce-variation-price
    span.price,

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price ins,

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price ins .woocommerce-Price-amount,

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price ins bdi {
        font-size: 24px !important;
    }

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price del,

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price del .woocommerce-Price-amount,

    body.single-product form.variations_form
    .woocommerce-variation-price
    .price del bdi {
        font-size: 15px !important;
    }
}
 
 code {
    background: #f1f1f1;
    border: none;
    border-radius: 4px;
    font-size: .9em;
    margin: 0 .2rem;
    padding: .2rem .5rem;
}
 
 /* Nexaura 优惠券按钮 */
.dak-nexaura-coupons-shortcode .wcpc-btn-apply {
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: #fff !important;
}

/* Copy 按钮改为主题色线框 */
.dak-nexaura-coupons-shortcode .wcpc-btn-copy {
    background: transparent !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Hover */
.dak-nexaura-coupons-shortcode .wcpc-btn-copy:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.dak-nexaura-coupons-shortcode .wcpc-btn-apply:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    filter: brightness(0.9);
}
 @media (max-width: 549px) {
    .woocommerce-variation-add-to-cart, form.cart {
        display: flex;
        flex-wrap: wrap;
        gap: .2em;
        width: 100%;
    }
}
 
 /* =========================================================
 * Flatsome 顶部透明 Header
 * 桌面端鼠标移入后变为白色背景
 * Sticky 状态不处理
 * ========================================================= */

@media (min-width: 850px) and (hover: hover) and (pointer: fine) {

    /* 过渡动画 */
    #header,
    #header > .header-wrapper,
    #header #top-bar,
    #header #masthead,
    #header .header-bg-container,
    #header .header-bg-color,
    #header .header-bg-image,
    #header .header-nav-main > li > a,
    #header .header-button .button {
        transition:
            background-color 0.25s ease,
            color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            opacity 0.25s ease !important;
    }

    /* Header 整体白色 */
    html body #wrapper > #header.transparent:hover {
        background-color: #ffffff !important;
    }

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active) {
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow:
            0 1px 0 rgba(56, 43, 37, 0.08),
            0 10px 30px rgba(56, 43, 37, 0.06) !important;
    }

    /* 顶部通知栏和主导航 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    #top-bar,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    #masthead {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    /* Flatsome Header 背景层 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-bg-container,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-bg-color {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    /* 关闭原透明 Header 的背景图 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-bg-image {
        opacity: 0 !important;
        background: none !important;
        background-image: none !important;
    }

    /* 一级菜单改成深色 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-nav-main > li > a,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-nav-main > li > a > i {
        color: #382b25 !important;
    }

    /* 当前菜单和悬停菜单 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-nav-main > li.active > a,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-nav-main > li.current-menu-item > a,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-nav-main > li:hover > a {
        color: #382b25 !important;
    }

    /* 菜单下划线 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .nav-line-bottom > li > a::before {
        background-color: #382b25 !important;
    }

    /* 顶部通知栏文字 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    #top-bar,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    #top-bar a,

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    #top-bar .html {
        color: #382b25 !important;
    }

    /* 搜索、购物车、账户按钮 */
    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-button .button {
        color: #382b25 !important;
        border-color: rgba(56, 43, 37, 0.35) !important;
        background-color: transparent !important;
    }

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-button .button i {
        color: inherit !important;
    }

    html body #wrapper > #header.transparent:hover
    > .header-wrapper:not(.stuck):not(.is-sticky):not(.sticky-active)
    .header-button .button:hover {
        color: #ffffff !important;
        border-color: #382b25 !important;
        background-color: #382b25 !important;
    }
}



.dak-spcat-v7-section{
    padding-bottom: 0 !important;
}
 @media (max-width: 549px) {
.dak-spcat-v7-section{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dak-spcat-v7-description{
    display: none;
}

.category-page-row {
    padding-top: 0px;
}


.woocommerce-ordering, .woocommerce-ordering select {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
    border-radius: 10px;
}


}
 .page-title-inner {
    min-height: auto;
    padding-top: 0;
    position: relative;
}



/* 自定义媒体查询：仅在屏幕宽度小于 768px 的手机端生效 */
@media (max-width: 767px) {
    .shortcode-wcpr-content .shortcode-review-content-container .shortcode-wcpr-review-content {
        font-size: 10px !important;            /* 设置文字大小为 10px */
        line-height: 1.4 !important;          /* 建议设置行高，确保多行显示时不会重叠 */
        
        /* 核心：控制 4 行隐藏并显示省略号 */
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;     /* 限制显示 4 行 */
        overflow: hidden !important;          /* 超出部分隐藏 */
    }
}

 .badge-container{
     font-size: 10px;
 }
 header .button.icon.is-small i {
    top: 2px;
}
 
 .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
  height: 1px;
}



 
/* @media (min-width: 851px) {*/
/*    .logo-hide .header-logo-dark{*/
/*        display: none !important;*/
/*    }*/
/*    .logo-hide .header_logo{*/
/*        display: block !important;*/
/*    }*/
/*}*/

/*    @media (max-width: 549px) {*/
     
/*        .nav-dark .header-logo-dark, .stuck .header-logo-sticky {*/
/*            display: none !important;*/
/*        }*/
/*    }*/



 
 .hide-woo .wvs-archive-variations-wrapper,
.pro-tabs .wvs-archive-variations-wrapper{
     display: none !important;
}
 
 .map p{
     font-size: 0;
 }
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border: 1px solid;
}