@charset "UTF-8";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
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编辑器，条件加载)
 * ===================================================
 */
 


/* 1) 所有按钮：线框黑 + 透明底 + 黑字 */
.cky-btn,
.cky-btn-accept,
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-close{
  background: transparent !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  box-shadow: none !important;
}

/* hover/active 也不要填色（保持透明），最多加个轻微透明度 */
.cky-btn:hover,
.cky-btn:focus,
.cky-btn:active,
.cky-btn-accept:hover,
.cky-btn-reject:hover,
.cky-btn-customize:hover{
  background: transparent !important;
  border-color:#000 !important;
  color:#000 !important;
  opacity: .85;
}

/* 2) 所有链接：强制黑色 */
.cky-consent-bar a,
.cky-notice-des a,
.cky-preference-content-wrapper a,
.cky-accordion-header a,
.cky-footer-wrapper a{
  color:#000 !important;
}

/* 3) 开关：不要蓝色（这里属于“组件本体”，checked 必须有颜色区分，改成黑） */
.cky-switch input:checked + .cky-slider{
  background-color:#000 !important;
}
.cky-switch input:focus + .cky-slider{
  box-shadow:0 0 0 2px #000 !important;
}

/* 4) 勾选框/单选框：只要黑色线框，不要填色 */
.cky-preference-checkbox label:before,
.cky-preference-radio label:before{
  background: transparent !important;
  border-color:#000 !important;
}

/* 已选中：仍然不填色，只让“对勾/点”变黑（兼容不同结构） */
.cky-preference-checkbox input:checked + label:before,
.cky-preference-radio input:checked + label:before{
  background: transparent !important;
  border-color:#000 !important;
}

/* 如果插件用伪元素画对勾/点，强制黑色 */
.cky-preference-checkbox label:after,
.cky-preference-radio label:after{
  color:#000 !important;
  border-color:#000 !important;
  background:#000 !important; /* 若是小圆点用背景画，会变黑点；不影响外框透明 */
}

/* 5) 焦点描边去蓝：统一黑色 */
.cky-consent-bar *:focus,
.cky-modal *:focus,
.cky-preference-center *:focus{
  outline-color:#000 !important;
  box-shadow:none !important;
}
  /* ==========================================================================
  个人中心
   ========================================================================== */
.wishlist-title{
    font-size: 14px;
    text-align: center;
}
.woocommerce-Address-title h2,
.wishlist-empty,
.woocommerce-order-details__title,
   .woocommerce-column__title{
       font-size: 14px !important;
       font-weight: 600;
       margin-top: 40px;
   }
 .dashboard-links {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 1;
    list-style: none;
}
address{
    font-size: 12px;
}
mark {
    background-color: #ffff0000;
    color: #000;
}

 /* ==========================================================================
  菜单文字大小
   ========================================================================== */


 @media (max-width: 549px) {
 .nav-vertical li li{
     font-size: 12px;
 }
 
 .off-canvas .nav-vertical li li>a {
    padding-bottom: 9px;
    padding-top: 10px;
}
}


 /* ==========================================================================
  购物车产品文字大小
   ========================================================================== */


 @media (min-width: 851px) {
 .cart-icon strong{
     font-size: .6em;
 }
}

 
 /* ==========================================================================
  购物车产品文字大小
   ========================================================================== */
 ul.product_list_widget li a:not(.remove) {
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    font-size: 12px;
}


 /* ==========================================================================
  头部搜索优化
   ========================================================================== */
 /* Header 搜索：隐藏图标 */
.header-search a .icon-search{
  display: none !important;
}

/* Header 搜索：用文字代替 */
.header-search a.is-small{
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* 插入英文单词 */
.header-search a.is-small::after{
  content: "Search"; /* 你要全大写就改成 "SEARCH" */
  display: inline-block;
}

 
 /* ==========================================================================
  头部搜索优化【弹窗】
   ========================================================================== */
/**************  Search lightbox -> 图1风格  **************/

/* 1) 整个遮罩改成白底（不变暗） */
.mfp-bg{
  background:#fffffff5 !important;
  opacity:1 !important;
}

/* 2) 弹窗容器垂直/水平居中 */
.mfp-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* 3) 弹窗内容区：清空 dark 风格影响 */
.mfp-wrap #search-lightbox{
  background:transparent !important;
  color:#111 !important;
  text-align:center;
  width:min(920px, 86vw);
  padding:0 !important;
}

/* 4) 顶部标题 “Search”（图1那行字） */
.mfp-wrap #search-lightbox::before{
  content:"Search";
  display:block;
  font-size:13px;
  font-weight:300;
  letter-spacing:.02em;
  margin-bottom:22px;
}

/* 5) 输入框整体宽度 & 居中 */
.mfp-wrap #search-lightbox .searchform-wrapper{
  width:100% !important;
  max-width:980px;
  margin:0 auto !important;
}

/* 6) 输入框：细边框、扁平、白底 */
.mfp-wrap #search-lightbox input.search-field{
  height:44px;
  border:1px solid #e6e6e6 !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:13px;
  font-weight:300;
  padding:0 14px !important;
}

/* 7) 右侧提交按钮：去掉橙色块，改成箭头 */
.mfp-wrap #search-lightbox .ux-search-submit {
    height: 44px;
    width: 42px;
    background: transparent !important;
    border: 1px solid #e6e6e6 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 44px;
    min-width: 40px;
}

/* 隐藏原来的放大镜图标 */
.mfp-wrap #search-lightbox .ux-search-submit .icon-search{
  display:none !important;
}

/* 用箭头替代（图1右侧箭头） */
.mfp-wrap #search-lightbox .ux-search-submit::before{
  content:"→";
  display:block;
  font-size:22px;
  line-height:42px;
  color:#111;
}

/* 8) 关闭按钮：不需要的话隐藏（图1没有明显 X） */
.mfp-wrap #search-lightbox .mfp-close{
  display:none !important;
}

/* 9) 结果列表别挡住 */
.mfp-wrap #search-lightbox .live-search-results{
  max-width:980px;
  margin:10px auto 0;
}

/* 10) 手机端适配 */
@media (max-width:768px){
  .mfp-wrap #search-lightbox{
    width:80vw;
  }
  .mfp-wrap #search-lightbox::before{
    margin-bottom:16px;
  }
  .mfp-wrap #search-lightbox input.search-field{
    height:42px;
  }
    .mfp-wrap #search-lightbox .ux-search-submit {
        min-height: 32px;
        min-width: 35px;
        height: 42px;
    }
  .mfp-wrap #search-lightbox .ux-search-submit::before{
    line-height:40px;
    font-size:20px;
  }
}



   
 /* ==========================================================================
   产品页添加菜单
   ========================================================================== */
 
 /* 菜单整体居中 */
.archive-top-menu {
    text-align: center;
    margin-bottom: 20px;
}

/* ul横向排列 */
.archive-top-menu .menu {
    display: flex;
    justify-content: center;   /* 水平居中 */
    align-items: center;
    gap: 30px;                 /* 菜单间距 */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 去掉li默认样式 */
.archive-top-menu .widget>ul>li+li, ul.menu>li+li{
    border: none;
}
.archive-top-menu .menu li {
    margin: 0;
}

/* 链接样式 */
.archive-top-menu .menu li a {
    text-decoration: none;
    font-weight: 300;
    font-size: 12px;

}


/* ========== Mobile：允许多行 + 居中 ========== */
@media (max-width: 768px) {

  .archive-top-menu{
    margin-bottom: 12px;
    padding: 0 12px;
  }

  .archive-top-menu .menu{
    display: flex;
    flex-wrap: wrap;            /* ✅允许多行 */
    justify-content: center;    /* ✅每行居中 */
    align-items: center;
    gap: 2px;             /* 行间距/列间距 */
    padding: 6px 0;
  }

  .archive-top-menu .menu > li{
    margin: 0;
  }

  .archive-top-menu .menu li a{
    display: inline-block;
    padding: 8px 10px;          /* 触控更好点 */
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;        /* 单个菜单项不拆字 */
  }
}




 
 /* FROM 样式（你也可以去掉 body 限制变成全站） */
body.post-type-archive-product .from-price,
body.woocommerce-page .from-price{
  color:#9a9a9a;
  font-size:12px;
  font-weight:300;
}

body.post-type-archive-product .from-price .from-label,
body.woocommerce-page .from-price .from-label{
  margin-right:6px;
  letter-spacing:.04em;
  text-transform:uppercase;
}


 
    /* ==========================================================================
  卡片
   ========================================================================== */
   /* 仅列表页生效：默认隐藏文字，hover 显示 */
/* 默认隐藏文字 */

.post-type-archive-product .product-small .box-text.box-text-products,
.woocommerce-page .product-small .box-text.box-text-products{
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

/* hover 显示 */
.post-type-archive-product .product-small:hover .box-text.box-text-products,
.woocommerce-page .product-small:hover .box-text.box-text-products{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 强制标题+价格同一行（覆盖主题可能的 block/100% 宽） */
.post-type-archive-product .product-small .box-text.box-text-products,
.woocommerce-page .product-small .box-text.box-text-products{
  display:flex !important;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:nowrap !important;
  gap:10px;
}

/* 左侧标题：可缩 */
.post-type-archive-product .product-small .title-wrapper,
.woocommerce-page .product-small .title-wrapper{
  flex: 1 1 auto !important;
  min-width: 0;
  width:auto !important;
  display:block;
}

/* 右侧价格：按内容宽度，不换行 */
.post-type-archive-product .product-small .price-wrapper,
.woocommerce-page .product-small .price-wrapper{
  flex: 0 0 auto !important;
  width:auto !important;
  margin-left:auto;
  display:block;
  text-align:right;
  white-space:nowrap;
}

/* 有些主题会让 price 变成 block 100% 导致掉行，强制 inline */
.post-type-archive-product .product-small .price,
.woocommerce-page .product-small .price{
  display:inline-block !important;
  width:auto !important;
}



.post-type-archive-product .product-small .price-wrapper,
.woocommerce-page .product-small .price-wrapper{
  margin-left:auto;
}


/* 标题省略号 */
.post-type-archive-product .product-small .name.product-title a,
.woocommerce-page .product-small .name.product-title a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 字体样式 */
.post-type-archive-product .product-small * ,
.woocommerce-page .product-small *{
  font-weight: 300;
  font-size: 12px;
}

.post-type-archive-product .product-small * a,
.woocommerce-page .product-small * a{
  color: #000;
}

/* wishlist 保持白色 */
.add_to_wishlist {
  color: #FFF !important;
}

/* 卡片左右 padding */
.post-type-archive-product .product-small,
.woocommerce-page .product-small{
  padding: 0 15px;
}

/* 手机端：不靠 hover，直接显示标题+价格 */
@media (max-width: 768px){
  .post-type-archive-product .product-small .box-text.box-text-products,
  .woocommerce-page .product-small .box-text.box-text-products{
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  
  .post-type-archive-product .product-small, .woocommerce-page .product-small {
     padding: 0 5px ; 
}

}

   /* ==========================================================================
  产品筛选
   ========================================================================== */
 .wpc-filter-chips-list{
     display: none !important;
 }
  /* 1) 顶部这一排：强制一行 + 居中 */
.wpc-filters-main-wrap .wpc-filters-widget-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;   /* 居中 */
  gap:14px;
  flex-wrap:nowrap;         /* 不换行 */
  white-space:nowrap;       /* 防止 FILTERS 掉行 */
  position:relative;
}

/* 2) 加的 FILTERS：作为 flex 的第一个“项”，保证同一行 */
.wpc-filters-main-wrap .wpc-filters-widget-wrapper::before{
  content:"FILTERS";
  display:inline-flex;
  align-items:center;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-right:0px;
}

/* 3) 每个筛选项（MATERIAL / COLOR） */
.wpc-filters-main-wrap .wpc-filters-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
}

/* 隐藏插件自带标题（Material/Color），避免重复 */
.wpc-filters-main-wrap .wpc-filter-header{
  display:none !important;
}

/* 隐藏原生 select（我们用自定义菜单替代） */
.wpc-filters-main-wrap select.wpc-filters-widget-select{
  display:none !important;
}

/* 4) 触发按钮（MATERIAL / COLOR） */
.wpc-dd-btn{
  background:transparent;
  border:0;
  padding:10px 0;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  margin: 0;
  font-weight: 300;
}



.wpc-dd-btn::after{
  content:"▾";
  font-size:11px;
  transform: translateY(-1px);
}

  .page-title-inner{
        display: none;
    }
@media (min-width: 851px) {
    .post-type-archive-product .widget_wpc_filters_widget{
        margin: 0;
    }
  
    .post-type-archive-product .category-page-row{
        padding-top: 0;
    }
}


/* 5) 下拉菜单：修复定位、宽度、层级 */
.wpc-dd-menu{
  position:absolute;
  top:calc(100% + 0);
  left:50%;
  transform:translateX(-50%);  /* 下拉居中对齐按钮 */
  min-width:240px;
  max-width:320px;
  background:#fff;
  list-style:none;
  padding:10px 0;
  margin:0;
  border-radius:2px;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  display:none;
  z-index:999999;              /* 防止被盖住 */
}
.wpc-dd-menu li{
    margin: 0 !important;
    padding: 0;
}

/* hover 或点击打开 */
.wpc-dd.is-open .wpc-dd-menu,
.wpc-dd:hover .wpc-dd-menu{
  display:block;
}

/* 下拉项 */
.wpc-dd-menu li a{
  display:block;
  padding:10px 14px;
  font-size:12px;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#111;
  text-decoration:none;
  line-height:1.2;
}

/* hover 高亮（截图那种灰） */
.wpc-dd-menu li a:hover,
.wpc-dd-menu li.is-selected > a{
  background:#d9d6cd;
}

/* 6) 把 “Edit Filter Set” 隐藏掉（你截图里它影响布局） */
.wpc-filters-main-wrap .wpc-edit-filter-set{
  display:none !important;
}

/* 7) 手机端：允许换行，不挤 */
/* 7) 手机端：三项同一行 + 居中 + 12px */
@media (max-width:768px){

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper{
    justify-content:center;   /* 居中 */
    flex-wrap:nowrap;         /* ✅强制一行 */
    white-space:nowrap;       /* ✅不换行 */
    gap:14px;
  }

  /* FILTERS 不再单独一行 */
  .wpc-filters-main-wrap .wpc-filters-widget-wrapper::before{
    width:auto;
    margin:0;
    font-size:12px;           /* ✅12px */
    line-height:1;
  }

  /* 两个按钮统一12px */
  .wpc-dd-btn{
    font-size:12px;           /* ✅12px */
    padding:10px 0;
    line-height:1;
  }

  /* 可选：让下拉别超出屏幕 */
  .wpc-dd-menu{
    min-width:200px;
    max-width:90vw;
  }
}


 /* ==========================================================================
  底部
   ========================================================================== */
  footer *{
      font-size: 12px !important;
  }
 /* ==========================================================================
  相关产品
   ========================================================================== */
 
 .product-section-title-related{
     font-size: 12px;
     text-align: center;
     font-weight: bold;
 }
/* ==========================================================================
   产品详情页右
   ========================================================================== */
   
 .product-short-description{
     font-size: 0.8em;
 }
 
 
 /* variations 两列并排：每个属性块占 50% */
.woocommerce div.product form.cart .variations{
  display:block;
  width:100%;
}
.woocommerce div.product form.cart .variations tbody{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.woocommerce div.product form.cart .variations tr{
  width:calc(50% - 6px);
  margin:0;
  display:block;               /* 关键：让 th / td 纵向堆叠 */
}
.woocommerce-variation-add-to-cart * {
    border: none !important;
}
.good-info .button:hover,
.good-info .button{
    background: transparent !important;
    color: #000;
    opacity: 1;
    box-shadow: none;
}

.good-info .button{
    font-weight: 300 !important;
    font-size: 12px;
}

/* label 在上面 */
.woocommerce div.product form.cart .variations th.label{
  display:block;
  width:100%;
  padding:0 0 6px 0;
}

/* select 在下面，占满更宽 */
.woocommerce div.product form.cart .variations td.value{
  display:block;
  width:100%;
  padding:0;
}
.woocommerce div.product form.cart .variations td.value select{
  width:100%;
  min-width:0;
  border: none;
}

/* 手机端：一行一个 */
@media (max-width:768px){
  .woocommerce div.product form.cart .variations tr{
    width:100%;
  }
}

/* ==========================================================================
   产品评论
   ========================================================================== */

.woocommerce-Reviews-title{
    font-size: 12px;
}
.woocommerce-noreviews{
    font-size: 11px;
}

.page-contact-us{
   
        .ff-default .ff-el-form-control{
          border: 0 !important;
          border-bottom: 1px solid #d0d0d0 !important;
          border-radius: 0 !important;
          background: transparent !important;
          box-shadow: none !important;
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        
        /* 聚焦状态 */
        .ff-default .ff-el-form-control:focus{
          border-bottom-color: #111 !important;
          box-shadow: none !important;
          outline: none !important;
        }
        
        /* 可选：placeholder 更淡一点 */
        .ff-default .ff-el-form-control::placeholder{
          opacity: .6;
        }
        
        /* Fluent Forms：placeholder 颜色深一点 */
    .ff-default .ff-el-form-control::placeholder{
      color: #666 !important;   /* 你想更深就改成 #555 / #444 / #333 */
      opacity: 1 !important;    /* 避免浏览器默认把 placeholder 变淡 */
    }
    
    /* 兼容一些旧浏览器 */
    .ff-default .ff-el-form-control::-webkit-input-placeholder{
      color: #666 !important;
      opacity: 1 !important;
    }
    .ff-default .ff-el-form-control:-ms-input-placeholder{
      color: #666 !important;
    }
    .ff-default .ff-el-form-control::-ms-input-placeholder{
      color: #666 !important;
    }
    
        
        .ff-btn-submit{
            border: none !important;
            color: #000;
            text-transform: uppercase;
            font-size: 14px;
             font-weight: bold; 
            letter-spacing: 2px;
            padding: 0;
            min-width: auto;
        }

}