/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.7
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.price-wrapper{display:none !important}
.form-flat .coll{padding:0 5px}
.form-flat .large-12{padding:0 5px}
.wpcf7 .wpcf7-form-control-wrap{display:table !important;width:100%;}
.form-flat .star{color:#e30808}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    min-height:60px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 }/*设置产品名称高度3行*/
.wpcf7-form-control.wpcf7-submit.has-spinner.button{margin-top:15px !important;padding:1px 30px}
.blog-contact{display:none}
.blog .blog-contact, .single-post .blog-contact{display:block !important}
.box-text.box-text-products{text-align:center}
.blog .box-text-inner.blog-post-inner{padding-bottom:15px}
.blog .from_the_blog_excerpt {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
   }
#footer #top-link{margin-bottom:4px;margin-right:70px}
/*single blog*/
.blog-wrapper.blog-single.page-wrapper{margin-top:60px}
/*category silder*/
#shop-sidebar ul.product-categories{background-color:var(--fs-color-secondary); padding:0 15px 15px 15px}
#shop-sidebar .widget-title.shop-sidebar{ padding: 0px 15px;color:#ffffff}
#shop-sidebar .widget .is-divider{margin-left: 15px; background-color: #fff;}
#shop-sidebar .widget.widget_product_categories { background-color: var(--fs-color-primary);border-radius: 3px 3px 0 0; padding: 15px 0 0;}
#product-sidebar ul.product-categories{background-color:var(--fs-color-secondary); padding:0 15px 15px 15px}
#product-sidebar .widget-title.shop-sidebar{ padding: 0px 15px;color:#ffffff}
#product-sidebar .widget .is-divider{margin-left: 15px; background-color: #fff;}
#product-sidebar .widget.widget_product_categories { background-color: var(--fs-color-primary);border-radius: 3px 3px 0 0; padding: 15px 0 0;}
.tabs.product-tabs > li{margin-right:30px}

/* 全局表格美化 - 细线条+规整边框 */
table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.6;
    display: block;width: 100% !important;overflow-x: auto;
}
table th,
table td {
    border: 1px solid #e5e7eb; /* 浅灰细边框，高级不刺眼 */
    padding: 10px 12px !important;
    text-align: left;
    vertical-align: middle;
}

table tr:nth-child(even) {
    background-color: #fbfbfb; /* 隔行浅底色，护眼 */
}
table tr:hover {
    background-color: #f5f7fa; /* 悬浮高亮 */
}

@media screen and (max-width: 768px){
    
    .tabbed-content .nav.nav-tabs >li.tab{display:block;width:100%;}
    .tabbed-content .nav.nav-tabs >li.tab >a{width:100%;}
}
/*product tab*/
.single-product .col-inner ul li.tab{padding:12px 13px; background: rgb(31, 66, 124);}
.single-product .col-inner ul li.tab:first-child {border-radius:99px 0 0 99px}
.single-product .col-inner ul li.tab:last-child {border-radius:0 99px 99px 0}
.single-product .col-inner ul li.tab >a{color:#ffffff;padding:5px 20px}
.single-product .col-inner ul li.tab.active >a{color:#111111 !important; background-color:#ffffff !important}
.product-info .social-icons{width:100%}
form.wpcf7-form{margin-bottom:0px}
#size-guide .col{padding-bottom:0px}
p.mg-short{margin-bottom:10px !important}
#header-contact i {color:var(--fs-color-primary)}
/*phone css*/
@media screen and (max-width: 768px){
    table{ display: block;width: 100% !important;overflow-x: auto;}
    .tabbed-content .nav.nav-tabs >li.tab{display:block;width:100%;}
    .tabbed-content .nav.nav-tabs >li.tab >a{width:100%;}
}
#header-contact .header-contact{text-transform:none}
/*design*/
/*table*/
.woocommerce-page td{border: 1px solid #cecece; text-indent: 0em;}
table{border-collapse: collapse;}
/*form*/
.half-form { display: grid; grid-template-columns: repeat(2, 1fr); /* 两列等宽 */ gap: 20px; }
.third-form { display: grid; grid-template-columns: repeat(3, 1fr); /* 两列等宽 */ gap: 20px; }
.wpcf7-acceptance .wpcf7-list-item{text-align:left}
.wpcf7-acceptance .wpcf7-list-item-label{font-weight:500}
/*product page*/
.product-part .ux-menu .ux-menu-link .ux-menu-link__link:hover{color:var(--fs-color-primary);padding-left:10px}
#tab-title-description{display:none}
.order_btn a{font-size: 16px;border-radius:8px;
  font-weight: bold;
  padding: 12px 45px;
  margin-left: 10px;}
.order_btn .btn01 {
  border: 1px solid var(--fs-color-primary);
  background: var(--fs-color-primary);
  color: #fff;
}
.order_btn .btn02 {
  border: 1px solid var(--fs-color-primary);
  color: var(--fs-color-primary);
}
.order_btn .btn02:hover, .order_btn .btn01:hover{color: #fff;
  background: #01adee;
  border: 1px solid #01adee;}
.section.pro_openinfo_wrap01{opacity:0; height:0px;}
.section.pro_openinfo_wrap01.active{opacity:1; height:auto;transition: opacity 2s ease, visibility 2s ease; margin-top:30px }
.related-products-wrapper.product-section .product-section-title{display:none}
.cptch_wrap.cptch_ajax_wrap { display: none !important;}
/*home*/
.accordion.product-accord .accordion-title{padding:20px 20px}
.accordion.product-accord .toggle{left:96%;top:15px}
.accordion.product-accord .accordion-title.active{border-top:none;border-radius:4px}
.home .box-blog-post .box-text .post-title{padding:0 10px !important}
.home .box-blog-post .post-title{white-space:normal !important; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow:hidden; height:auto;max-height: 62px;font-size:15px}
.home .box-blog-post .box-text .cat-label.tag-label{display:none}
/*blog*/
#post-list .box.box-blog-post{padding:20px 10px}
.single-post .byline{display:none}
/*applicate*/
.application-tab .nav-vertical > li + li{border-top:none}
.application-tab .nav-vertical + .tab-panels{border-left:none; background-color:#f1f7ff}
.application-tab .nav.nav-vertical{background-color:#ffffff; padding:30px;}
.application-tab .nav.nav-vertical li {padding:10px 0;}
.application-tab .nav.nav-vertical li > a{border-radius:5px}

/*menu*/
.header-nav .header-vertical-menu__opener{
    background-color:#ffffff;
    color:#1a1a1a !important;
    text-transform:uppercase;
    font-size:16px;
}
#flatsome-uber-menu{display:none}
.p-menu.tabbed-content .nav-vertical + .tab-panels{border:none}
.p-menu.tabbed-content .ux-menu-link__link:hover{padding-left:5px}
.p-menu.tabbed-content .nav.nav-tabs > li > a{background:none; padding-top:15px; padding-bottom:15px;}
.p-menu.tabbed-content .nav.nav-tabs > li > a:hover,.p-menu.tabbed-content .nav.nav-tabs > li.active > a{background:#ffffff}
.p-menu.tabbed-content .nav.nav-tabs{background-color:#f8f8f8}
.ubermenu .ubermenu-submenu .ubermenu-submenu-type-flyout{width:230px !important; min-height:200px}
.nav-dropdown{margin-left:-50px;}
.col-hover-fade .col-inner{opacity:1}
.app-tab .nav > li > a{padding:20px}
.app-tab .app-tab-second .nav > li > a{padding:0px 15px}
.app-imagebox .box .box-image{padding-top:30px}
.portfolio-inner.pb{display:none}
.image-radius img{ padding:20%}
.image-radius:hover{transform: translateY(-20px); transition: transform 0.4s ease;}
.image-radius .box-image >div{border-radius:50%; background:#0061b2}
.is-xsmall.uppercase.count{display:none}
/* 重置原有 fixed，默认不固定 */
.is-sticky-column {
  position: relative !important;
  top: auto !important;
  z-index: 99999 !important;
}
/* 滚动触发固定时的样式 */
.is-sticky-column.fixed-active {
  position: fixed !important;
  top: 75px !important; /* 距离顶部距离，可改 */
}
section.sectionsticky{z-index:99999 !important}
.rightuppop {z-index: 99999; position: relative;}
.related-products-wrapper .product-small.col .col-inner .product-small.box{box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);margin-top:15px}
/*custom product2*/
/*product-top-section-background*/
.img.image-p-b{height:0px; overflow:hidden}
.text.feature-resources:hover h5{font-weight:700; font-size:1.1em}
.video-button-wrapper .button.icon.circle > i{color:#d33}
@media (max-width: 767px) {
  .order_btn a {display: inline-flex;  margin-top: 10px;  } 
  .single-product .col-inner ul li.tab{border-radius:99px !important; margin-bottom:5px}
}