/*
Theme Name:           websunflats
Version:              3.20.5
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/*头部,去除大写等*/
#header-contact >li >a{text-transform:unset}
#header-contact .header-contact{text-transform:none}
#header-contact i {color:var(--fs-color-primary)}
.section-title span{text-transform: unset !important}/*去除title元素默认大写*/
.nav-line-bottom > li > a::before, .nav-line-grow > li > a::before, .nav-line > li > a::before{height:2px !important}/*更改菜单下划线高度*/

/*菜单显示不分2行*/
.nav-column li > a, .nav-dropdown > li > a{white-space:nowrap}
/*form css 添加和设置*/
.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}
.wpcf7-form-control.wpcf7-submit.has-spinner.button{margin-top:15px !important;padding:1px 30px}

 /*product*/
 /*设置产品名称高度3行*/
.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;
 }
 /*product tab*/
.single-product .col-inner ul li.tab{padding:0 15px}
.product-info .social-icons{width:100%}
form.wpcf7-form{margin-bottom:0px}
#size-guide .col{padding-bottom:0px}
.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: 72px;min-height:48px}
p.mg-short{margin-bottom:10px !important}

/*blog css添加*/ 
.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;min-height:75px; }
.blog-wrapper.blog-single.page-wrapper{margin-top:60px}
#post-list .box-image .image-cover{padding-top:100% !important}/*列表图片改为完整比列*/

/*category silder*/
#shop-sidebar ul, #product-sidebar ul{background-color:var(--fs-color-light); padding:0 15px 15px 15px}
#shop-sidebar .widget .widget-title,#product-sidebar .widget .widget-title{ padding: 0px 15px;color:#ffffff}
#shop-sidebar .widget .is-divider,#product-sidebar .widget .is-divider{margin-left: 15px; background-color: #fff;}
#shop-sidebar .widget,#product-sidebar .widget{ background-color: var(--fs-color-primary);border-radius: 3px 3px 0 0; padding: 15px 0 0;}
#shop-sidebar .widget.widget_product_search,#product-sidebar .widget.widget_product_search{padding:0px !important}.tabs.product-tabs > li{margin-right:30px}
#shop-sidebar .tagcloud,#product-sidebar .tagcloud{background-color:var(--fs-color-light);padding:15px 5px}
/*blog sidebar*/
.post-sidebar ul{background-color:var(--fs-color-light); padding:0 15px 15px 15px}
.post-sidebar .widget .widget-title{ padding: 0px 15px;color:#ffffff}
.post-sidebar .widget .is-divider{margin-left: 15px; background-color: #fff;}
.post-sidebar .widget{ background-color: var(--fs-color-primary);border-radius: 3px 3px 0 0; padding: 15px 0 0;}
.post-sidebar .tagcloud{background-color:var(--fs-color-light);padding:15px 5px}
/*table*/

/* 全局表格美化 - 细线条+规整边框 */
table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.6;
}
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){
    
    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%;}
}

/*faq accord*/
.accordion .toggle i { border-radius:99px; border:1px solid; font-size:1em; width:25px; height:25px}
.accordion .toggle i:bofore { line-height:1.3}
.accordion .accordion-title { padding-top:30px}
.accordion .accordion-item { margin-bottom:30px; border-radius:4px;}
.accordion .accordion-inner { background-color:var(--fs-color-light); border-radius:0 0 4px 4px}
.accordion .accordion-title.active{background-color:var(--fs-color-light)}
.accordion .toggle{margin-top:20px}