/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 14 2025 | 12:03:26 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/* 1. 全局样式 */
/* 1.1 悬停变大 */
.uwandy-expand {
overflow: hidden;
transition: transform 0.8s ease-in!important;
transform-style: preserve-3d; /* 保持3D变换 */
}
.uwandy-expand:hover {
transform: scale3d(1.15, 1.15, 1.15);
}

/* 1.2 悬停下划线 */
.uwandy-a-hover-underline a:hover{
text-decoration: underline!important;
}

/* 1.3 body样式设置 */
body{
background-color: #6473730D!important;
}

/* 1.4 链接点击聚焦设置 */
a:focus {
outline: none;
}

/* 3. header logo悬停变大 */
.site-logo-img{
overflow: hidden;
transition: transform 0.8s ease-in!important;
transform-style: preserve-3d; /* 保持3D变换 */
}
.site-logo-img:hover{
transform: scale3d(1.1, 1.1, 1.1);
}

@media screen and (max-width: 767px){
/* 手机端顶部菜单各组件内边距清零 */
.ast-header-account, .ast-header-woo-cart, .site-logo-img, .ast-search-icon svg{
padding: 0!important;
}
}

/* 4. 页脚社媒悬停变大 */
.footer-social-inner-wrap span{
overflow: hidden;
transition: transform 0.8s ease-in!important;
transform-style: preserve-3d; /* 保持3D变换 */
}
.footer-social-inner-wrap span:hover{
transform: scale3d(1.1, 1.1, 1.1);
}

/* 5. 设置页脚P标签外边距 */
.site-footer p{
margin: 0;
}

/* 6. 全局a链接下划线 */
/* .uwandy-a a{
text-decoration: underline!important;
} */

/* 7. 登录/注册页面section标题居中 */
.u-column1 h2, .u-column2 h2{
text-align: center;
}

/* 8. Cart页面Calculate shipping下拉选框最低高度设置 */
.shipping-calculator-form span, .shipping-calculator-form input{
min-height: 2rem;
}

/* 9. Cart页面Calculate shipping下拉选框内部字体大小和内边距设置 */
.select2-selection__rendered{
display: flex!important;
align-items: center;
padding: 0.75em!important;
font-size: 0.8rem;
line-height: 1.2rem;
color: #333333;
}

/* 10. Cart页面Calculate shipping、checkout页面地址输入框input设置 */
.shipping-calculator-form input, .shipping-calculator-form input::placeholder, .select2-results, .woocommerce-input-wrapper input{
font-size: 0.8rem;
line-height: 1.2rem;
color: #333333;
}

/* 11. Cart页面Calculate shipping输入框input占位符设置 */
.shipping-calculator-form input::placeholder{
color: #33333380;
}

/* 12. Cart页面加减符号外边距修正 */
.woocommerce-js .quantity .qty{
margin: 0;
}

/* 13. Cart页面不更新Cart加减符号隐藏 */
.eael-cart-qty-plus, .eael-cart-qty-minus{
display: none;
}

/* 14. Cart页面加减符号边框隐藏 */
.minus, .plus{
border: none!important;
}


/* 15. woocommerce 数量input设置 */
/* 15.1 Cart页面数量输入框input加宽 */
.quantity input[type=number] {
padding: 0!important;
border-color: #33333333!important;
}
/* 15.2 checkout页面产品标题盒子垂直居中 */
.table-col-1 .product-name{
display: flex;
}
/* 15.3 checkout页面数量盒子和价格盒子flex布局 */
.table-col-2, .table-col-3{
display: flex;
justify-content: center;
padding: 0!important;
}
/* 15.4 隐藏checkout页面your order标题 */
#order_review_heading{
/* text-align:center; */
display: none;
}
/* 对于大屏幕，设置 font-size 为 0.8rem */
@media screen and (min-width: 1024px) {
.quantity input[type=number] {
font-size: 0.8rem!important;
min-width: 5rem!important;}
	
.minus, .plus{
margin: 0!important;
font-size: 1.2rem!important;
width: 1.2rem!important;}
}


/* 对于中等屏幕，设置 font-size 为 0.6rem */
@media screen and (max-width: 1024px) and (min-width: 768px) {
.quantity input[type=number] {
font-size: 0.6rem!important;
min-width: 4rem!important;}

.minus, .plus{
border: none!important;
margin: 0!important;
font-size: 1rem!important;
width: 1rem!important;}
}

/* 对于小屏幕，设置 font-size 为 0.5rem */
@media screen and (max-width: 768px) {
.quantity input[type=number] {
font-size: 0.5rem!important;
min-width: 2rem!important;}

.minus, .plus{
border: none!important;
margin: 0!important;
font-size: 3vw!important;
width: 2vw!important;}
}

/* 16. my-account页面隐藏导航svg图标 */
.woocommerce-MyAccount-navigation-link .ahfb-svg-iconset{
display: none;
}


/* 17. cart页面手机端去除产品图标边框去除 */
.eael-woo-cart-product-remove, .eael-woo-cart-product-remove a::before{
border: none!important;
}

/* 18. checkout页面下coupon模块显示和样式设置 */
.ast-modern-checkout .woocommerce .woocommerce-form-coupon-toggle{
display: block;
}

/* 19. checkout页面下单按钮全宽 */
#place_order{
width: 100%!important;
}

/* 20. checkout页面下产品列表下的所有li元素宽度设置 */
.ea-order-review-table li{
width: 100%!important;
}

/* 21. checkout页面下产品列表内边距修正 */
.table-col-3 .product-total .eael-checkout-cart-item-total{
padding: 0!important;
}

/* 22. woocommerce产品集合页a标签设置悬停样式 */
.woocommerce-loop-product__title:hover, .widget_recently_viewed_products a:hover{
text-decoration: underline;
color: #cd4c00!important;
}

/* 23. woocommerce产品集合页上下外边距设置 */
/* 23.1 产品集合页边距设置 */
@media screen and (min-width: 1024px){
/* 23.1.1 所有页面内边距修正 */
.site-main{
padding: 0!important;
}
/* 23.1.2 woocommerce产品集合页边距修正 */
.site-main .ast-woocommerce-container{
padding: 8vw 12.0572916666vw;
	}

/* 23.2 侧边栏边距设置 */
.sidebar-main{
padding-left: 12.0572916666vw;
padding-top: 8vw;}
	
/* 23.3 产品集合页标题最小高度设置 */
.woocommerce-loop-product__title{
margin: 0!important;
min-height: 5rem;}
}

@media screen and (max-width: 1024px) {
/* 23.4 主题通用页面边距修正 */
.site-main{
margin: 0;
padding: 0!important;}
/* 23.5 产品集合页顶部边距修正 */
.site-main .ast-woocommerce-container{
padding-top: 80px;
}
/* 23.6 侧边栏修正 */
.sidebar-main{
display: none;}
/* 23.7 走马灯边距调整 */
.woocommerce-js div.product div.summary, .woocommerce-tabs .tabs, .ast-single-product-thumbnails{
padding: 0 2vw!important;}
}

/* 24. 产品详情页产品走马灯样式 */
/* 24.1 PC端 */
@media screen and (min-width: 1024px){
.ast-woocommerce-product-gallery__image{
width: 5vw!important;}
}
/* 24.2 平板端 */
@media screen and (min-width: 768px) and (max-width: 1023px){
.ast-woocommerce-product-gallery__image{
width: 10vw!important;}
}
/* 24.3 手机端 */
@media screen and (max-width: 767px){
.ast-woocommerce-product-gallery__image{
width: 15vw!important;}
}

/* 25. 产品集合页侧边栏菜单外边距修正 */
#secondary li{
margin: 0!important;
}

/* 26. 产品集合页侧边栏子菜单行高和最小宽修正 */
#secondary ul ul a{
line-height: 1.5rem;
min-width: 12vw;
}

/* 27. 首页h2图文导航图片溢出隐藏 */
.home-h2-nav{
overflow: hidden;
}

/* 28. 主页woocommerce产品样式设置 */
/* 28. 1产品图片悬停样式 */
.home-woocommerce-product img:hover{
transform: scale3d(1.1, 1.1, 1.1);
}
/* 28.2 文字部分内边距设置 */
.home-woocommerce-product .astra-shop-summary-wrap{
padding: 0 0.5rem!important;
}

/* 29. 产品详情页走马灯轮播缩略图选中边框样式 */
.ast-woocommerce-product-gallery__image.flex-active-slide:after{
border-color: #cd4c00!important;
}

/* 30. 产品详情页走马灯轮播缩略图样式设置 */
/* 30.1 水平居中 */
/* .woocommerce-product-gallery .flex-control-thumbs{
display: flex;
justify-content: flex-start;
} */
/* 30.2 最后一张图片外边距设置为0 */
.ast-woocommerce-product-gallery__image:last-child{
margin-right: 0!important;
}

/* 31. 去除checkout页面下的支付导航 */
.ast-checkout-control-nav{
display: none!important;
}

/* 32. my account下边框颜色设置 */
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-navigation-link {
border-color: #FFFFFF!important;
/* border: none!important; */
}

/* 33. my cart页面continue shipping样式设置 */
a.eael-woo-cart-back-to-shop{
background: #333333;
border-radius: 5px;
}
a.eael-woo-cart-back-to-shop:hover{
background: #222222;
}

/* 34. 产品集合页搜索组件样式设置 */
.uwandy-product-search .search-field{
margin-right: 1rem!important;
border: 1px solid #33333333!important;
border-radius: 0.2rem!important;
}

/* 35. 产品集合页页码设置 */
/* 35.1 页码背景颜色和边框设置 */
.page-numbers li{
background-color: #333333;
border: none!important;
}
/* 35.2 当前页码、页码悬停背景颜色设置 */
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
background: #666666
}
/* 35.3 页码字体颜色设置 */
.page-numbers a{
color: #ffffff;
}
/* 35.4 order by宽度、边距设置 */
.orderby{
max-width: 20rem!important;
margin: 0 2rem 0 0;
}
/* 36. my account页面、订单页面billing details和shipping details边框设置 */
/* 36.1 标题 */
.woocommerce-column--billing-address h2, .woocommerce-column--shipping-address h2, .woocommerce-Address-title, .woocommerce-customer-details .addresses address{
border: none!important;
line-height: 1.5rem!important;
}
/* 36.2 地址 */
.woocommerce-column--billing-address, .woocommerce-column--shipping-address{
border: 1px solid #33333333;
border-radius: 5px;
padding: 1vw;
}

/* 37. my account页面内容区宽度修正 */
.woocommerce-MyAccount-content{
padding: 2vw!important;
}

/* 38. my account页面order details、address内边距修正 */
.woocommerce-table--order-details, .woocommerce-customer-details address{
padding: 0!important;
}

/* 39. my account页面address字体设置 */
.woocommerce-customer-details .addresses address{
font-size: 0.8rem!important;
}

/* 40. 隐藏order received页面的order标题 */
.order-header{
display: none;
}

/* 41. order received页面下order打印样式 */
 @media print {
/* 1. 隐藏页面顶部导航、底部导航、页面标题 */
header, footer{
display: none;
}
@page {
    margin-top: 0; /* 取消页面上的默认页眉 */
  }
	

/* 2. 隐藏打印按钮、check out标题、感谢语  */
#printorder, .check-out-header, .woocommerce-thankyou-order-received {
display: none!important;
} 
	 
/* 3. 显示order received页面的order标题 */
.order-header{
display: block;
}
	 
/* 4. 调整打印区域边距 */
.print-area{
display: block;
margin-top: -100px;
margin-bottom: 0;
}

}

/* 42. order received页面感谢语样式设置*/
.woocommerce-thankyou-order-received{
text-align: center;
font-size: 1.5rem; line-height: 2.25rem; color: #00ab00; 
font-family: 'Helvetica', sans-serif;
}

/* 43. order received页面打印按钮样式设置 */
/* 43.1 打印按钮父级盒子柔性布局 */
.printorder-container{
display: flex;
justify-content: flex-end;
}
/* 43.2 打印按钮边距、字体、颜色设置 */
.printorder, .printorder:focus{
padding: 0.2vw;
font-size: 0.8rem; line-height: 1.2rem; color: #333333; font-family: 'Helvetica', sans-serif;
background-color: #e7e7e7;
border: solid 1px #333333;
}
/* 43.3 打印按钮悬停样式设置 */
.printorder:hover{
background-color: #e7e7e750;
font-size: 0.8rem; line-height: 1.2rem; color: #333333; font-family: 'Helvetica', sans-serif;
border: solid 1px #333333;
}

/* 43.4 打印页面边距设置 */
@page {
size: A4; 
margin-bottom: 0cm; 
}

/* 44. 隐藏order received页面的variation选项 */
.wc-item-meta{
display: none;
}

/* 45. woocommerce详情页variation选项样式设置 */
/* 45.1 常态样式设置 */
/* .ast-variation-button-group .ast-single-variation{
min-width: 1.8rem;
text-align: center;
padding: 0 0.6vw;
margin-bottom: 0;
margin-top: 0.4rem;
border-color: #33333333;
} */
/* 45.2 悬停样式设置 */
.cfvsw-swatches-option:hover{
border-color: #cd4c00!important;
box-shadow: 0 0 2px 0 #cd4c00;
}
/* 45.3 选中样式设置 */
.cfvsw-selected-swatch {
background: #FFF!important;
color: #cd4c00!important;
border-color: #cd4c00!important;
/* 选中SKU右下角打钩设置 */
position: relative;
right: 0;
bottom: 0;
&:before {
content:"";
position: absolute;
right: 0;
bottom: 0;
border: 0.4rem solid #cd4c00;
border-top-color: transparent;
border-left-color: transparent;
}
&:after {
content:"";
width: 0.3rem;
height:0.6rem;
position: absolute;
right: 0px;
bottom: 0px;
border: 1px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
}
}

/* 46. woocommerce详情页reviews样式设置 */
.woocommerce-Reviews #review_form, .woocommerce-Reviews textarea, .woocommerce-Reviews input{
border-color: #33333333!important;
border-radius: 5px!important;
}

/* 47. woocommerce详情页tab栏样式设置 */
/* 47.1 分割线样式 */
.woocommerce-js div.product .woocommerce-tabs ul.tabs:before{
background-color: #33333333;
}
/* 47.2 隐藏额外信息 */
.additional_information_tab {
display: none!important;
}

/* 48. 磁性能表样式 */
/* 48.1 位置 */
.magnet-properties-chart table{
position: relative;
}
/* 48.2 边框颜色 */
.magnet-properties-chart table, .magnet-properties-chart table tbody tr td{
border-color: #33333333;
}
/* 48.3 高度和溢出显示 */
.magnet-properties-chart table tbody{
display: block;
height: 40rem;
overflow: auto;
}
/* 48.4 表头样式 */
.magnet-properties-chart table tr:nth-child(1) {
background-color: #657182;
height: 5rem;
color: #fff;
position: sticky;
top: 0;
}
/* 48.5 表头样式 */
.magnet-properties-chart table tr:nth-child(2){
font-style: bold;
background-color: #657182;
color: #fff;
position: sticky;
top: 5rem;
}
/* 48.6 单元格样式 */
.magnet-properties-chart table tbody tr td{
box-sizing: content-box;
padding: 0.75rem 0.2rem;
}


/* 49. company overview页面下的图片溢出隐藏 */
.uwandy-team{
overflow: hidden;
}

/* 50. company overview页面标题盒子裁剪 */
.company-overview-arrow{
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 15% 50%);

}

/* 51. company overview页面目标标题盒子裁剪 */
.our-goal {
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

/* 52. 文章页TOC设置 */
@media screen and (min-width: 1025px){
/* 文章页TOC定位offset补偿 */
/* body:not(.elementor-editor-active) .elementor-menu-anchor */
.uwandy-article-heading .elementor-widget-container .elementor-heading-title:before {
/* 给伪元素elementor-menu-anchor设置无字符串内容盒子 */
content: "";
/* 给伪元素elementor-menu-anchor设置显示样式 */
display: block;
/* 给伪元素elementor-menu-anchor设置一个高度 */
height: 100px;
pointer-events: none;
margin-top: -100px;
visibility: hidden;
}
}

/* 53. 文章页P标签层级提升避免被TOC锚点覆盖 */
.uwandy-article p{
position: relative;
z-index: 1;
}
/* TOC盒子降层级防止遮挡语言switcher */
.uwandy-article-toc{
z-index: 0;
}

/* 54. 文章页TOC标题居中 */
.uwandy-article-toc .elementor-toc__header{
display: flex;
justify-content: center;
}

/* 55. 文章页文本框、表单边框设置 */
.comment-respond textarea, .comment-respond input{
border: solid 1px #33333333!important;
border-radius: 0.2rem!important;
}

/* 56. 产品页包装模块溢出隐藏 */
.standard-package{
overflow: hidden;
}

/* 57.1 check out页面隐藏打印按钮 */
#printorder {
display: none; /* 默认隐藏 */
} 

/* 57.2 check out页面url包含order-received下显示打印订单按钮 */
#printorder.order-received-visible {
display: block; /* URL 中包含 'order-received' 时显示 */
}

/* 58. 产品详情页variation无匹配文字样式 */
.wc-no-matching-variations{
color: red;
}

/* 59. 产品详情页variation标签样式设置 */
.cfvsw-selected-label{
font: 16px bold;
color: #cd4c00;
}

.astra-shop-summary-wrap .ast-woo-product-category{
min-height: 2.1875rem;
}

/* 61. PC端顶部导航子菜单样式 */
@media screen and (min-width: 1024px){
.sub-menu .menu-text{
font-size: 0.6vw;
padding:0 0.8rem;
}
}

/* 62. 我的积分页面下表格文字样式设置 */
.ywpar_tabs_content_container table, .ywpar_tabs_content_container table th{
text-align: center!important;
border-color: #33333333!important;
}
/* 表格tr内边距设置 */
.ywpar-item{
padding: 1rem;
}

/* 63. 会员晋升进度条样式设置 */
.ywpar_banner_content .banner_header h3, h4{
text-align: center;
line-height: 1rem!important;
}

/* 64. 我的积分页面积分盒子、会员等级盒子样式设置 */
.ywpar_myaccount_entry_info .ywpar_summary_badge, .ywpar_myaccount_entry_info .ywpar_levels_badges{
background-color: #ffedc3cc;
}

/* 65. 我的积分页面申请返现按钮样式设置 */
.cashback-button, #ywpar-share-points__submit{
background-color: #333333!important;
margin: 1rem 0;
}

/* 66. 我的积分页面分积分转优惠券按钮样式设置 */
.cashback-button:hover, #ywpar-share-points__submit:hover{
background-color: #222222!important;
}

/* 67. my-account页面order tab下无订单时browse products样式设置 */
/* 67.1. 字体颜色设置 */
.wc-forward{
color: #FFFFFF!important;
}
/* 67.2. 悬停背景色设置 */
.wc-forward:hover{
background-color: #222222!important;
}

/* 68. header多币种选项设置 */
/* 68.1 选中币种字体样式设置 */
.yith-wcmcs-selected-currency{
/* padding: 0.4rem 2rem 0.4rem 1rem!important; */
font-size: 0.8vw;
line-height: 1.5rem;
width: 20vw;
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.yith-wcmcs-selected-currency{
font-size: 1.5vw;
line-height: 1.2rem;
}}
/* 手机端 */
@media screen and (max-width: 767px){
.yith-wcmcs-selected-currency{
font-size: 2vw;
line-height: 1.2rem;
}}
/* 68.2 下拉箭头样式设置 */
.yith-wcmcs-selected-currency::before{
width: 0.4rem!important;
top: 60%!important;
}
/* 68.3 币种选择后下拉箭头样式 */
.yith-wcmcs-shortcode-style--active::before{
top: 40%!important;
}
/* 68.4 下拉币种选项样式设置 */
.yith-wcmcs-currency{
font-size: 0.8vw;
line-height: 1.5rem;
}
/* 平板端 */
@media screen and (min-width: 768px) and (max-width: 1023px){
.yith-wcmcs-currency{
font-size: 1.5vw;
line-height: 1.2rem;
}}
/* 手机端 */
@media screen and (max-width: 767px){
.yith-wcmcs-currency{
font-size: 2vw;
line-height: 1.2rem;
}}
/* 68.5 下拉币种选项悬停样式设置 */
.yith-wcmcs-currency:hover{
background-color: #33333315;
}

/* 68.6 widget shortcode外盒子外边距设置 */
.yith-wcmcs-shortcode{
margin: 0;
}

/* 68.7 下拉菜单offset设置 */
.yith-wcmcs-currencies-dropdown{
top: calc(100% - 5px)!important;
width: 20vw!important;
}
/* 手机端 */
@media screen and (max-width: 767px){
.yith-wcmcs-currencies-dropdown{
top: calc(100% - 5px)!important;
width: 100%!important;
min-width: 100%!important;
}}
/* 69. 顶部导航header无链接按钮悬停样式 */
.main-navigation .menu-item:hover{
cursor: pointer;
}

/* 70. wpml switcher样式设置
70.1 去掉wpml switcher visibility样式，display设置 */
.wpml-ls-sub-menu {
visibility: unset !important;
display: none;
z-index: 1;
}
/* 70.2 字体  */
.wpml-ls-item-toggle, .wpml-ls-sub-menu .wpml-ls-link{
color: #333333!important;
}
/* PC端 */
@media screen and (min-width: 1024px){
/* PC端字体 */
.wpml-ls-item-toggle, .wpml-ls-sub-menu .wpml-ls-link{
font: normal normal 0.7vw Helvetica;
line-height: 1.2rem!important;
}
/* PC端主菜单和子菜单宽度 */
.wpml-ls-legacy-dropdown-click {
width: 10vw;
}
/* PC端国旗宽度 */
.wpml-ls-flag{
width: 1vw;
}
}
/* 平板端 */
@media screen and (min-width: 768px) and (max-width: 1023px){
/* 平板端端字体 */
.wpml-ls-item-toggle, .wpml-ls-sub-menu .wpml-ls-link{
font-size:1.5vw;
line-height: 1rem!important;
}
/* 平板端主菜单和子菜单宽度 */
.wpml-ls-legacy-dropdown-click {
width: 20vw;
}
/* 平板端国旗宽度 */
.wpml-ls-flag{
width: 2.4vw;
}
}

/* 手机端 */
@media screen and (max-width: 767px){
/* 手机端字体 */
.wpml-ls-item-toggle, .wpml-ls-sub-menu .wpml-ls-link{
font-size:1.8vw;
line-height: 0.8rem!important;
}
/* 手机端主菜单和子菜单宽度 */
.wpml-ls-legacy-dropdown-click {
width: 25.5vw;
}
/* 手机端国旗宽度 */
.wpml-ls-flag{
width: 2.4vw;
}
}

/* 71. 文章集合页菜单盒子层级设置，防止遮挡语言子菜单 */
.post-categories-menu-box{
z-index: 0;
}

/* 72. astra cart 迷你购物车关闭按钮悬停颜色设置 */
.astra-cart-drawer-close:hover{
color: #15161680!important;
}

/* 73. my point页面下管理积分兑换优惠券表格样式 */
#share_points table{
border-color: #d3d3d3;
}
#share_points table thead tr th{
padding: 1rem!important;
}

/* 74. blogs下excerpt样式设置 */
.elementor-posts-container .elementor-post .elementor-post__excerpt p{
max-height: 36px;
overflow: hidden;
}