@import "main.css";
@import "diy.css";
@import "fonts/stylesheet.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/




.wa__popup_powered_content {
  display: none !important;
}

/* 解锁 flickity 结构限制，显示所有多行缩略图 */
.product-thumbnails .flickity-viewport {
  height: auto !important;
  overflow: visible !important;
}

.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 19.6px 9.8px 19.6px;
}

/* 1. 解锁 flickity-slider，使其不再使用 transform 和 absolute 子元素 */
.product-thumbnails .flickity-slider {
  display: flex !important;
  flex-wrap: wrap !important;
  transform: none !important;
  height: auto !important;
  position: static !important;
  left: auto !important;
  justify-content: flex-start;
  gap: 0px;
}

/* 2. 每个缩略图恢复正常流排布 */
.product-thumbnails .flickity-slider .col {
  position: static !important;
  left: auto !important;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}

/* 3. 响应式调整：小屏每行显示 2 个缩略图 */
@media (max-width: 768px) {
  .product-thumbnails .flickity-slider .col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.flickity-button{
/* 	display:none !important */
}
.single-post th {
	background-color: #0252b9 !important;
}



td{
	color:#000;
}
table {
    border-collapse: collapse; /* Collapses the border to make it look like a single, continuous line */
}

th, td {
    text-align: left;
    padding: 12px 15px !important;
    border-bottom: 1px dotted #ddd;
}

thead {
    background-color: #333; /* Dark background for the header */
    color: #fff; /* White text color for the header */
}

tbody tr:nth-child(odd) {
    background-color: #ffffff; /* Sets every odd row to white */
}
tbody tr:first-child *{
    color: #fff;
}
tbody tr:first-child {
    background-color: var(--fs-color-primary); /* Green background for the first row in tbody */
    color: #fff; /* White text color for the first row in tbody */
}
tbody tr:first-child:hover {
    background-color: var(--fs-color-primary); /* Green background for the first row in tbody */
    color: #fff; /* White text color for the first row in tbody */
}

tbody tr:hover {
    background-color: #F5F5F5; /* Adds a hover effect with a medium grey background */
}

.single-from-title {
    background: #2c8d24;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 10px;
}

.woocommerce-Tabs-panel table{
	box-shadow: 1px 1px 10px #0000001c;
}




/* 去除产品页面表格宽度限制 */
.woocommerce div.product table {
  width: auto !important; /* 或 100% 看需求 */
  max-width: none !important;
}




/* 产品边栏高亮 */
.menu-products-links-container .current-menu-item a{
	color:#359cf7 !important;
   font-weight: bold;
}


.accordion-title {
    border-top: 1px solid #ddd;
    display: block;
    font-size: 110%;
    padding: .6em 2.3em .6em 0;
    position: relative;
    transition: border .2s ease-out, background-color .3s;
}


.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a {
    border-radius: 5px;
    margin: 0 10px;
    padding-left: 10px;
    padding-right: 2px;
}

.box-text-products {
    .woocommerce-loop-product__title {
        font-weight: 500 !important;
        font-size: 1em !important;
    }
}

ul li.bullet-checkmark{
    padding: 6px 0 0px 25px;
}

ul li.bullet-checkmark{
    border-bottom:none;
}

.woocommerce-loop-product__title{
	font-weight:900 !important
}


.accordion-item h3{
	font-weight:400
}
/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.archive .post-item .box .box-text{
    padding: 10px
}

/*======================表单=======================*/
/*按钮-表单-圆角*/
.ff-default .ff_btn_style {
    border-radius: 4px !important;
    padding: 0;
    margin-bottom: 0;
}

/*======================字体版式=======================*/
/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{

}

/* 标题字体修改 */
h1, h2, h3, h4,.fs{
   
}




.breadcrumbs .divider, .breadcrumbs .separator{
   font-family: auto;
}



/*导航条字重*/
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
    
}



/*平板电脑及以下*/
@media (max-width: 849px) {
   
}

/*仅限移动设备*/

/*按钮*/
@media (max-width: 549px) {
    .xs-btn {
      transform: scale(.8); /* 缩放到原来的2倍 */
    }
}
/*图片和文字排序*/
@media screen and (max-width: 768px) { 
	.text-img-box { 
		display: flex; 
		flex-direction: column-reverse; 
	} 
	.text {
		order: 1;
	} .img {
		order: 2;
	} 
}
/* zd 修改手风琴左侧内边距 */
.faq-accordion .accordion-title {
    padding: 0.6em 2.3em 0.6em 0;
    font-size: 90%;
}
.faq-accordion .active {
    background-color: #fff;
}
/* zd blog增加hover动画 */
.cus-cover-hover{
    position: relative;
    overflow: hidden;

    .cus-cover-hover-overlay{
        position: absolute;
        bottom: -100%; /* 初始位置在容器外 */
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #4444f1, #b19cd9);
        color: white; /* 文字颜色 */
        text-align: center; /* 文字水平居中 */
        line-height: 50px; /* 文字垂直居中 */
        transition: bottom 0.3s; /* 从下到上的滑动效果 */
        cursor: pointer;
    }

    &:hover .cus-cover-hover-overlay{
        bottom: 0; /* 悬停时移动到容器顶部 */

        .hover-overlay-link-icon-box{
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 10px;

            .hover-overlay-link-icon{
                width: 60px;
                height: 60px;
                background-color: #f3f4f6;
                cursor: pointer;
                border-radius: 50%;
                text-align: center;
                color: #000;
                display: flex;
                justify-content: center;
                align-items: center;

                &:hover{
                    background-color: #fff;
                }
            }
        }

        .hover-overlay-title{
            padding: 0 10px;
            margin-top: 20px;
            color: #fff;
            line-height: 24px;

            .post-title{
                color: #fff;
            }
        }
    }
}
/*适配小部件左侧对齐*/
.sidebar-top{
	.widget-title{
		margin-left: 1em !important;
		color: #000 !important;
		font-size: 1.4em !important;
	}
	.is-divider{
		margin-left: 1.3em !important;
	}
}
.header-wrapper{
	.header-top{
		border-top: 2px solid #002454 !important;
	}
}
.box-text-products{
	.woocommerce-loop-product__title{
		font-weight: 500 ;
		font-size: 1.15em ;
	}
}