@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sunnychang.top/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: uppercase;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(190,161,99);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(190,161,99);
	--btn-accented-bgcolor-hover: rgb(173,141,74);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://img.sunnychang.top/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(0,0,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* 根据 F12 截图精准打击：让装载所有列的 ul 弹性盒子强行居中 */
div.wd-design-full-width div.container > ul.wd-sub-menu {
    display: flex !important;
    justify-content: center !important; /* 核心：整体居中 */
    gap: 80px !important; /* 核心：让列与列之间拉开 80px 的高级留白，不至于挤在一起 */
}

/* 确保每一根柱子（li）的宽度正常，不被压缩 */
div.wd-design-full-width div.container > ul.wd-sub-menu > li.wd-col {
    flex: 0 0 auto !important;
}

/* 强制全站商品列表的图片都变成 1:1 正方形，绝不拉伸 */
.product-grid-item .product-image-link img,
.woodmart-hover-base .product-image-link img,
.product-element-top img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

/* 让全站所有商品的主图悬停放大，且绝对不切换图片 */
.product-element-top {
    overflow: hidden !important; /* 限制边框，让图片只在内部放大 */
}

.product-element-top:hover img {
    transform: scale(1.09) !important; /* 1.09倍是视觉最舒适的放大比例 */
    transition: transform 0.4s ease-in-out !important; /* 让放大动作如丝般顺滑 */
}


/* --- 打造阿迪达斯风格：精准单层黑框 --- */

/* 1. 先把所有可能的边框全部强制归零，防止主题自带干扰 */
.product-grid-item, 
.wd-product, 
.product-wrapper {
    border: none !important;
    box-shadow: none !important;
}

/* 2. 只给核心容器设置一个平时透明的边框（防止图片闪烁） */
.wd-product {
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
    border-radius: 0 !important; /* 保持大牌硬朗直角 */
    padding: 1px !important;    /* 留出内边距，让黑框不贴着图片 */
    background-color: #fff;
}

/* 3. 鼠标悬停：只有这一个容器变黑框 */
.wd-product:hover {
    border: 1px solid #000 !important;
    z-index: 5; /* 确保悬停时边框压在最上面 */
}

/* 4. 针对底部文字区域的微调，确保它们在框内居中 */
.wd-product .wd-entities-title, 
.wd-product .price {
    text-align: center;
}


/* 优化评价卡片外观 */
.ivole-all-reviews-grid .ivole-review-card {
    border-radius: 12px !important; /* 圆角 */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* 微弱阴影 */
    border: 1px solid #eee !important; /* 浅色边框 */
    background: #fff !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

/* 隐藏评价下方的搜索框（如果不需要的话） */
.ivole-all-reviews-grid .ivole-grid-search {
    display: none !important;
}

/* 调整评分星星的颜色 */
.ivole-all-reviews-grid .ivole-stars-f {
    color: #ffcc00 !important;
}

.woocommerce-breadcrumb, 
.page-title, 
.woocommerce-result-count {
    text-align: left !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
}

/* 标题变黑、变粗、全大写 */
.footer-container .widget-title {
    color: #000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 1px;
    margin-bottom: 20px !important;
}
/* 列表文字变灰、缩小间距 */
.footer-container .menu li a {
    color: #666 !important;
    font-size: 13px !important;
    padding: 5px 0 !important;
}

/* 强制版权栏背景为黑色，文字为白色 */
.copyrights-wrapper {
    background-color: #000000 !important;
}

.copyrights-wrapper, 
.copyrights-wrapper a {
    color: #ffffff !important; /* 文字变白 */
}

.copyrights-wrapper {
    border-top: 1px solid #333; /* 可选：加一条深灰色的顶部分割线，更有层次感 */
}

/* 过滤按钮显示页面优化 */

/* ==================================================== */
/* 1. 整体布局重组：结果居左，按钮居右 */
/* ==================================================== */
.shop-loop-head {
    display: flex !important;
    flex-direction: row !important; /* 强制横向排列 */
    justify-content: space-between !important; /* 核心：左右两端对齐 */
    align-items: center !important; /* 垂直居中 */
    padding: 15px 0 !important;
    border-bottom: 1px solid #eeeeee; /* 添加一条极细的分割线 */
    margin-bottom: 25px !important;
}

/* 强制让面包屑导航换行或者移开，不干扰这一排 */
.woocommerce-breadcrumb {
    width: 100%;
    margin-bottom: 10px !important;
}

/* ==================================================== */
/* 2. 左侧结果统计样式 (Adidas 风格) */
/* ==================================================== */
.woocommerce-result-count {
    order: 1 !important; /* 强制排在第一个 */
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* 全大写 */
    color: #000 !important;
    margin: 0 !important;
}

/* ==================================================== */
/* 3. 右侧“Filter & Sort”按钮设计 */
/* ==================================================== */
.wd-show-sidebar-btn {
    order: 2 !important; /* 强制排在第二个 */
    margin: 0 !important;
}

.wd-show-sidebar-btn > a {
    display: flex !important;
    align-items: center;
    font-size: 0 !important; /* 隐藏原有的 "Show sidebar" 文字 */
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 1px solid #000 !important; /* 黑色细边框 */
    padding: 6px 15px !important;
    transition: all 0.2s ease;
}

/* 注入新文字 "FILTER & SORT" */
.wd-show-sidebar-btn > a::before {
    content: "FILTER & SORT" !important;
    font-size: 13px !important;
    letter-spacing: 1px;
    margin-right: 10px;
}

/* 定制 Adidas 风格的过滤图标 (三横杠+圆点) */
.wd-show-sidebar-btn > a::after {
    content: "\f129"; /* WoodMart 的图标代码，或者使用自定义图片 */
    font-family: "woodmart-font"; 
    font-size: 14px;
}

/* 悬停效果：全黑反色 */
.wd-show-sidebar-btn > a:hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* ==================================================== */
/* 4. 移除多余的元素（如排序下拉框、视图切换） */
/* ==================================================== */
.wd-products-shop-view, 
.woocommerce-ordering,
.wd-products-per-page {
    display: none !important; /* 保持阿迪那种极致的简洁 */
}

/* ==================================================== */
/* 5. 手机端适配：保持同样布局但微调大小 */
/* ==================================================== */
@media (max-width: 768px) {
    .shop-loop-head {
        padding: 10px 5px !important;
    }
    .wd-show-sidebar-btn > a::before {
        content: "FILTER" !important; /* 手机端简写节省空间 */
    }
    .woocommerce-result-count {
        font-size: 11px !important;
    }
}

/* 过滤按钮显示页面优化 */