@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: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 15px;
	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: 10px !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;
}


/* 1. 隐藏多余的“Show sidebar”按钮 */
.woodmart-show-sidebar-btn, 
.wd-show-sidebar-btn {
    display: none !important;
}

/* 2. 整体容器：去掉厚边框，改为上下极简细横线 (类似 Nike/Zara 风格) */
.filters-area {
    background: #ffffff !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    padding: 30px 0 !important;
    margin-bottom: 40px;
    box-shadow: none !important;
}

/* 移除之前那个丑陋的“Filter Products”黑色标签 */
.filters-area::before {
    display: none !important;
}

/* 3. 属性标题：使用现代高级感小写或全大写 + 字间距 */
.filters-area .widget-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #000 !important;
    border: none !important;
    padding-bottom: 15px !important;
    margin-bottom: 10px !important;
}

/* 4. 每个小工具块：移除背景色 */
.filters-area .woodmart-woocommerce-layered-nav,
.filters-area .widget {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* 5. 选项列表：更干净的间距 */
.filters-area ul li {
    font-size: 14px;
    color: #666;
    padding: 4px 0 !important;
}

.filters-area .filter-link {
    color: #666;
    transition: color 0.3s ease;
}

.filters-area .filter-link:hover {
    color: #000;
}

/* 6. 颜色球：变得精致圆润，加一点边框阴影 */
.filter-swatch-color {
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #eee !important;
}

/* 7. 数字提示（17, 15等）：变小变淡，不要抢戏 */
.count {
    font-size: 11px !important;
    color: #bbb !important;
    background: transparent !important;
    margin-left: 5px;
}

/* 8. 已选标签美化 (Clear filters) */
.woodmart-active-filters {
    border-top: none !important;
    padding: 10px 0 !important;
    margin-top: -20px;
    margin-bottom: 20px;
}

.woodmart-active-filters a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 15px;
    color: #000 !important;
}

/* 1. 恢复显示大容器，确保标题和结果统计能出来 */
.shop-loop-head {
    display: flex !important;
    border-bottom: none !important; /* 去掉多余的横线 */
}

/* 2. 精准隐藏：每页显示数量 (Show 9/12/18) */
.wd-products-per-page {
    display: none !important;
}

/* 3. 精准隐藏：网格切换图标 (那几个小格子) */
.wd-products-shop-view {
    display: none !important;
}

/* 4. 精准隐藏：默认排序下拉框 */
.woocommerce-ordering {
    display: none !important;
}

/* 5. 调整间距，让剩下的标题和结果统计看起来更协调 */
.woocommerce-result-count {
    margin-bottom: 0 !important;
    padding-top: 10px;
}

/* 1. 暴力清除该区域所有的边框（上、下、左、右全杀掉） */
.shop-loop-head, 
.filters-area, 
.woocommerce-breadcrumb, 
.filters-area-inner {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 2. 在原本横线的位置，注入一个漂亮的 Filter & Sort 标题 */
.filters-area::before {
    content: "Filter & Sort"; /* 注入文字 */
    display: block !important;
    width: 100%;
    
    /* 字体样式：对标阿迪/Nike这种硬朗风 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 18px !important;
    font-weight: 800 !important; /* 极粗 */
    text-transform: uppercase !important; /* 全大写 */
    letter-spacing: 2px !important; /* 字间距拉开，显高级 */
    color: #000 !important;
    
    /* 位置调整 */
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: left;
    
    /* 补一条极细的底线（可选，如果想要点层次感，不想要就删掉下一行） */
    border-bottom: 2px solid #000; 
}

/* 3. 调整面包屑和统计文字，让它们不要挤到新标题 */
.woocommerce-result-count {
    margin-top: 10px !important;
}

/* 1. 压缩上方红框：彻底挤掉标题栏留下的空隙 */
.shop-loop-head {
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* 关键：防止空盒子撑开高度 */
}

/* 2. 压缩“FILTER & SORT”标题与其上方文字的距离 */
.filters-area {
    margin-top: -10px !important; /* 强行向上位移，消除空隙 */
    padding-top: 0 !important;
}

/* 3. 调整注入标题的间距 */
.filters-area::before {
    margin-bottom: 5px !important; /* 标题与下方属性名的距离 */
    padding-bottom: 8px !important;
}

/* 4. 压缩下方红框：属性（COLOR/GENDER）与产品的距离 */
.filters-area {
    padding-bottom: 5px !important; /* 减少筛选区底部留白 */
    margin-bottom: 15px !important; /* 筛选区与产品图的距离 */
}

/* 5. 暴力清除每个属性块自带的底部间距 */
.filters-area .widget,
.filters-area .woodmart-woocommerce-layered-nav {
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

/* 6. 统计文字位置微调（Showing 1-12...） */
.woocommerce-result-count {
    padding-top: 0 !important;
    margin-top: 5px !important;
}

/* --- 1. 强制隐藏排序列表 (默认状态) --- */
.filters-area .woodmart-woocommerce-sort-by .woocommerce-ordering-list {
    display: none !important; /* 默认死死藏住 */
    width: 100% !important;
    margin-top: 15px !important;
}

/* --- 2. 核心：当 JS 给父级加上 .is-active 时，强制显示列表 --- */
.filters-area .woodmart-woocommerce-sort-by.is-active .woocommerce-ordering-list {
    display: block !important; /* 优先级最高，覆盖上面的隐藏 */
}

/* --- 3. 标题样式：统一使用 .adidas-sort-header --- */
.adidas-sort-header {
    color: #000 !important;
    cursor: pointer !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    position: relative !important;
    display: block;
    margin: 0 !important;
    padding-right: 20px !important; /* 给箭头留位置 */
}

/* --- 4. 黑色箭头精准对齐 --- */
.adidas-sort-header:after {
    content: "\f129" !important;
    font-family: "woodmart-font" !important;
    font-size: 8px !important;
    color: #000 !important;
    position: absolute !important;
    right: 0 !important;
    top: 50%;
    transform: translateY(-50%) !important;
    transition: transform 0.3s ease !important;
}

/* --- 5. 展开时箭头旋转 (.is-active 状态下) --- */
.woodmart-woocommerce-sort-by.is-active .adidas-sort-header:after {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* --- 1. 给筛选区增加底线 (对应图2需求) --- */
.filters-area {
    border-bottom: 2px solid #000 !important; /* 加粗黑底线，对标顶部 */
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

/* ==================== 手机端【极限紧凑】布局优化 ==================== */

@media (max-width: 768px) {
    /* 1. 压缩总容器：去掉顶部和底部的巨大留白 */
    .filters-area {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        margin-bottom: 15px !important;
    }

    /* 2. 压缩“FILTER & SORT”主标题的间距 */
    .filters-area::before {
        font-size: 14px !important; /* 标题字稍微小一点 */
        padding-bottom: 5px !important;
        margin-bottom: 10px !important;
    }

    /* 3. 核心：压缩网格行间距 (Gutter) */
    .filters-inner-area.wd-grid-g {
        gap: 10px !important; /* 强制把每一行之间的距离从 30px 缩到 5px */
    }

    /* 4. 压缩每个属性小块 (Widget) 的内部间距 */
    .filters-area .widget, 
    .filters-area .woodmart-woocommerce-layered-nav,
    .filters-area .widget_woodmart-woocommerce-sort-by {
        margin-bottom: 2px !important; /* 块与块之间几乎不留空 */
        padding-bottom: 0 !important;
    }

    /* 5. 压缩属性标题 (如 SIZE, COLOR) 的高度 */
    .filters-area .widget-title, 
    .adidas-sort-header {
        font-size: 13px !important;
        padding-bottom: 8px !important; /* 标题下方的空隙 */
        margin-bottom: 0 !important;
        line-height: 1.2 !important;
        min-height: 0 !important;
    }

    /* 6. 修正箭头位置：让它在紧凑模式下依然居中 */
    .filters-area .widget-title:after, 
    .adidas-sort-header:after {
        font-size: 7px !important;
        right: 0 !important;
    }

    /* 7. 压缩统计文字 (Showing 1-12...) 的上方空隙 */
    .woocommerce-result-count {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
}

/* 电脑端微调：确保刚才加的底线和筛选按钮不要太挤 */
@media (min-width: 769px) {
    .filters-area {
        padding-bottom: 20px !important;
    }
}