/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ============================================================
   产品类目页 & 商店页自定义样式
   布局参考 Spider Farmer shop.html (spider-farmer.com/shop)

   核心原则：
   - 产品卡片样式完全继承 WoodMart 原生 (wd-hover-base 等)，不做覆盖
   - 只调整布局层面：侧边栏 + 主内容区 + 工具栏 + SEO区域
   - 让 WoodMart 的 content-product-base.php 正常渲染

   页面结构：
   - 左侧 (col-lg-3)：Categories 分类树 + Filter by price 价格筛选
   - 右侧 (col-lg-9)：面包屑 + 排序/视图切换 + 产品网格 + 分页
   - 底部：SEO 描述区域
   ============================================================ */

/* ─── 侧边栏分类树小工具样式微调 ─── */

/* 分类树小工具标题 */
.sidebar-container .widget_product_categories .widget-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* 子分类展开/折叠按钮 */
.ggs-cat-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	cursor: pointer;
	float: right;
	margin-top: 6px;
	border-radius: 3px;
	transition: background 0.2s;
}

.ggs-cat-toggle:hover {
	background: #f0f0f0;
}

.ggs-cat-toggle i {
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
	transition: transform 0.2s, border-color 0.2s;
	margin-top: -3px;
}

.cat-parent.expanded > .ggs-cat-toggle i {
	transform: rotate(45deg);
	border-color: #333;
	margin-top: 0;
}

/* 当前分类高亮 - 加强与默认 WoodMart 样式的区分 */
.sidebar-container .product-categories li.current-cat > a {
	font-weight: 600;
}

/* ─── SEO 内容区域 ─── */
.ggs-category-seo-content {
	margin-top: 40px;
	margin-bottom: 30px;
}

.ggs-seo-inner {
	background: #f9f9f9;
	border-radius: 8px;
	padding: 30px 35px;
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

.ggs-seo-inner h2,
.ggs-seo-inner h3 {
	color: #333;
	margin-top: 0;
}

.ggs-seo-inner a {
	color: #06c;
	text-decoration: underline;
}

.ggs-seo-inner a:hover {
	color: #039;
}

/* ─── 移动端侧边栏 Off-canvas ─── */
.ggs-sidebar-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 9998;
}

.ggs-sidebar-overlay.active {
	display: block;
}

@media (max-width: 768px) {
	.ggs-seo-inner {
		padding: 20px;
	}
}

/* ─── 分页样式微调 ─── */
.woocommerce-pagination ul.page-numbers {
	display: flex;
	justify-content: center;
	gap: 5px;
	list-style: none;
	padding: 0;
	margin: 0;
}

body .products-bordered-grid-ins :is(.wd-cat-wrap,.wd-product-wrapper){
	border:none;
}


body  .main-footer{
	width:100%;
	max-width: 100%;
	padding:0;
}
body .footer1 img{
 width: 60px;
 height: 60px;
     max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.footer1 .elementor-image-box-content h3{
    color: #FFF;
    font-size: 14px;
line-height: 1.3;
}

.footer1 .elementor-image-box-content .elementor-image-box-description{
    color: #BFBFBF;
 
}
.footer1.elementor-element {
	
    padding: 20px 0;

}

.footer1 .e-con-full .elementor-image-box-wrapper {
    text-align: start;
    justify-content: center;
    align-items: center !important;
}
.footer2fa{
	background-color: #32373C;
	border-top:1px solid #81818133;
	border-bottom:1px solid #81818133;
	padding: 40px 0;
}
.footer3fa{
	background-color: #32373C;
}
.footer2fa  .item-label-primary{
	    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--sub-menu-color);
    font-size: 14px;
    line-height: 1.3;
}.footer2fa  .item-label-primary:hover{
	color:rgb(249,124,0);
}
body footer .main-footer  .footer4fa{
	padding:20px 0;

	max-width: 1220px;
}
.footer2 .wd-el-toggle-title.title{
	color: #FFF;
    font-size: 15px;
    font-weight: 700;
}
.footer2fa .item-label-primary{
	color: #848484;
    font-size: 14px;
    line-height: 1.3;
	padding:0;
}
.footer2fa .item-label-primary li a:hover{
color: #f97c00;
}
.footer3fa p{
	margin-bottom:0;
	color:#777;
}
.home .main-page-wrapper .wd-content-layout{
	    padding-block: 0;
		margin-top: -3px;
}
body.tax-product_cat .ggs-cat-toggle{
	display: none;
}

body .cr-qna-block .cr-qna-search-block .cr-qna-ask-button{
	    font-size: 16px;
    font-weight: 400;
    background: #18B394;
    border: 0 solid;
    border-radius: 16px;
    min-height: 42px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    outline-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 0;
    padding: 5px 15px;
}
body  .sf-cta-wrap a:hover{
color:#fff;
}
/* ============================================================
   页脚 手机端响应式样式
   ============================================================ */

@media (max-width: 768px) {
	body .footer1{
		margin: 0 20px;
	}
	body .elementor-image-box-wrapper{
		display: flex;
		flex-direction:row;
		flex-wrap: nowrap;
	}
	/* footer1 图标+文字区域 */
	body .footer1 img {
		width: 60px;
		height: 60px;
	}

	.footer1 .elementor-image-box-content h3 {
		font-size: 14px;
	}

	.footer1 .elementor-image-box-content .elementor-image-box-description {
		font-size: 14px;
	}

	.footer1.elementor-element {
		padding: 15px 0;
	}

	.footer1 .e-con-full .elementor-image-box-wrapper {
		text-align: center;
		justify-content: center;
	}

	/* footer2fa 链接区域 */
	body .footer2fa {
		padding: 25px 15px;
	}
	body .footer2{
		padding:0 auto;
	}

	.footer2fa .item-label-primary {
		font-size: 14px;
		
	}

	.footer3>.e-con-inner{
       	display: flex;
    flex-wrap: wrap !important;
	}
	.footer3 .footer3_1{
		padding: 0  0;
		margin:0;
	}
	.footer4fa{
		padding:0 20px;
	}
	body  .footer3_2{
		    align-items: center;
    margin: 0;
    padding: 0;

	}
	body .footer3_3{
		  align-items: center;
    margin: 0;
    padding: 0;
	}
	body .footer4fa{
		    padding: 20px 20px;
	}

	body .wd-toolbar{
		background-color: rgba(0, 0, 0, 1);
	}
	body .wd-toolbar-label{
		color:#fff;
	}
	body .wd-tools-icon{
		color:#fff;
	}
	body .footer4_1{
		margin-left:20px;
	}
}

@media (max-width: 480px) {
	
	/* 更小屏幕 */
	body .footer1 img {
		width: 60px;
		height: 60px;
	}

	.footer1 .elementor-image-box-content h3 {
		font-size: 11px;
	}

	.footer1 .elementor-image-box-content .elementor-image-box-description {
		font-size: 11px;
	}

	.footer1.elementor-element {
		padding: 10px 0;
	}

	.footer2fa {
		padding: 20px 10px;
	}

	.footer2fa .item-label-primary {
		font-size: 14px;
		
	}
}

.elementor-54 .elementor-widget {
 width:100%;
}



/* .home2 .promo-banner-wrapper{
	overflow: hidden;
}
.home2 .promo-banner-wrapper .banner-image  img {  
	transition: transform 0.4s ease;
}
.home2 .promo-banner-wrapper .banner-image  img:hover {  
	transform: scale(1.15);
} */
 .home2    .btn-style-default:hover{
  background-color: #EBEBEB !important;
 }
/* ─── 首页 Banner hover 图片放大动画减慢 (.home2) ─── */
/* WoodMart 原生: .banner-hover-zoom .banner-image { transition: transform 0.5s } */
/* 覆盖 transition 时长，让 hover 放大/缩小动画变慢变柔和 */

.home2 .banner-hover-zoom .banner-image {
	transition: transform 1.2s cubic-bezier(0, 0, 0.44, 1.18) !important;
}

/* 如果想同时加大放大比例，取消下面注释 */
/* .home2 .banner-hover-zoom:hover .banner-image { transform: scale(1.15) !important; } */
@media (min-width: 768px) {
    .home .elementor-element.home2{
		margin-top: 50px;
        position: relative;  
		width: calc(100vw - 100px); 
		 max-width: 1600px; 
		  margin-left: calc(50% - 50vw + 50px);
    }
	.home .homeprotab{
		margin-top: 50px;
        position: relative;  
		width: calc(100vw - 100px); 
		 max-width: 1600px; 
		  margin-left: calc(50% - 50vw + 50px);
	}

	.home .homemenber{
		margin-top: 50px;
        position: relative;  
		width: calc(100vw - 100px); 
		 max-width: 1600px; 
		  margin-left: calc(50% - 50vw + 50px);
	}

	.home .homeblog{
		margin-top: 50px;
        position: relative;  
		width: calc(100vw - 100px); 
		 max-width: 1600px; 
		  margin-left: calc(50% - 50vw + 50px);
		  margin-bottom: 50px;
	}
}
footer .footer4_1 small strong
{
	color:#333 !important;
}
/* ─── Products Tabs aside 模式：自定义布局 ─── */
/*
 * 电脑端：左侧 45% 图片铺满 + 标题(tabs-text)浮在图片左上角 + 导航在标题下方水平排布 | 右侧 55% 描述+产品列表
 * 手机端：图片占满全宽 + 标题浮在图片左上角 + 导航在标题下方 | 描述+产品列表在下方
 *
 * JS (ggs-tabs-aside-desc.js) 只将 .wd-tabs-desc 移到右侧 .wd-tabs-content-wrapper 内
 * .tabs-text 留在左侧，绝对定位浮在图片上方
 */

/* === 桌面端 (≥1025px) === */
@media (min-width: 1025px) {
	/* 整体 grid：左 45% 右 55% */
	.wd-tabs.tabs-design-aside {
		grid-template-columns: 45% 1fr !important;
	}
	.wd-tabs-content-wrapper{
		margin-left: 30px;
	}

	/* 左侧 header：相对定位容器，图片绝对铺满 */
	.wd-tabs.tabs-design-aside .wd-tabs-header {
		position: relative;
		overflow: hidden;
		min-height: 400px;
	}

	/* tabs-name 不参与布局流，只作为 img-wrapper 和 tabs-text 的父级 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name {
		position: static;
	}

	/* 图片绝对定位铺满整个 header */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .img-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: block !important;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .img-wrapper img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: none !important;
	}

	/* 标题文字：绝对定位浮在图片左上角 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .tabs-text {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 10;
		color: #fff;
		font-size: 22px;
		font-weight: 600;
		text-shadow: 0 1px 4px rgba(0,0,0,0.6);
		white-space: nowrap;
	}

	/* 导航绝对定位，在标题下方，水平排布 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper {
		position: absolute;
		top: 55px;
		left: 20px;
		z-index: 10;
	}

	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs {
		flex-direction: row !important;
		flex-wrap: wrap;
		gap: 8px;
	}

	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li > a {
		color: #fff;
		background: rgba(0, 0, 0, 0.45);
		padding: 6px 16px;
		border-radius: 4px;
		font-size: 13px;
		transition: background 0.2s;
		white-space: nowrap;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li > a:hover,
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li.wd-active > a {
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
	}

	/* 右侧内容区：描述 */
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper > .ggs-tabs-aside-header-info {
		margin-bottom: 20px;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper > .ggs-tabs-aside-header-info > .wd-tabs-desc {
		font-size: 14px;
		line-height: 1.6;
		color: #777;
	}
}

/* === 手机端 (≤1024px) === */
@media (max-width: 1024px) {
	/* 整体改为纵向排列 */
	.wd-tabs.tabs-design-aside {
		display: flex !important;
		flex-direction: column;
	}

	/* 左侧 header：相对定位容器 */
	.wd-tabs.tabs-design-aside .wd-tabs-header {
		position: relative;
		overflow: hidden;
		min-height: 200px;
		width: 100%;
	}

	/* tabs-name 不参与布局流 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name {
		position: static;
	}

	/* 图片绝对定位铺满 header */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .img-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: block !important;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .img-wrapper img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: none !important;
	}

	/* 标题文字浮在图片左上角 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .tabs-name > .tabs-text {
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 10;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		text-shadow: 0 1px 3px rgba(0,0,0,0.6);
		white-space: nowrap;
	}

	/* 导航在标题下方，水平排布 */
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper {
		position: absolute;
		top: 48px;
		left: 15px;
		z-index: 10;
	}

	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs {
		flex-direction: row !important;
		flex-wrap: wrap;
		gap: 6px;
	}

	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li > a {
		color: #fff;
		background: rgba(0, 0, 0, 0.45);
		padding: 5px 12px;
		border-radius: 4px;
		font-size: 12px;
		transition: background 0.2s;
		white-space: nowrap;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li > a:hover,
	.wd-tabs.tabs-design-aside .wd-tabs-header > .wd-nav-wrapper .wd-nav-tabs > li.wd-active > a {
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
	}

	/* 右侧内容在下方 */
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper {
		width: 100%;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper > .ggs-tabs-aside-header-info {
		margin-bottom: 15px;
	}
	.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper > .ggs-tabs-aside-header-info > .wd-tabs-desc {
		font-size: 13px;
		line-height: 1.5;
		color: #777;
	}
}

/* ============================================================
   产品卡片 Hover 效果（通过 ggs-product-hovered 类触发）
   - 鼠标移入：切换到第二张图 + 图片放大
   - 卡片上浮 + 背景板白色 + 描述/按钮区域可见
   - 图片切换/放大动画时长已直接修改原生 CSS 为 1.2s
     (woo-loop-prod-predefined.css / woo-loop-prod-predefined-rtl.css)
   ============================================================ */

/* ─── hover 激活：第二张图显示 + 放大 ─── */
.wd-hover-with-fade.ggs-product-hovered .wd-product-thumb .wd-product-img-hover {
	opacity: 1 !important;
	transform: scale(1.08) !important;
}

/* ─── 产品卡片上浮 ─── */
.wd-hover-with-fade.ggs-product-hovered .wd-product-wrapper {
	transform: translateY(-5px) translateZ(0) !important;
	z-index: 20 !important;
}

/* ─── 背景板白色（模拟白色边框/阴影效果） ─── */
.wd-hover-with-fade.ggs-product-hovered .wd-product-card-bg.content-product-imagin {
	visibility: visible !important;
	opacity: 1 !important;
	transform: scale(1) !important;
	background: #fff !important;
	z-index: 0 !important;
}

/* ─── hover 内容区（描述/按钮）可见 ─── */
.wd-hover-with-fade.ggs-product-hovered .wd-product-card-hover {
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 99 !important;
}

/* ─── 全局覆盖：Accent 按钮背景色 ─── */
/* 原生默认: --btn-accented-bgcolor: #83b735, --btn-accented-bgcolor-hover: #74a32f */
/* 也可在 WoodMart Theme Settings → Buttons → Accent buttons 中设置 */
:root {
	--btn-accented-bgcolor: #ff6a00 !important;
	--btn-accented-bgcolor-hover: #e05e00 !important;
}