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

.me-2 {
    margin-right:.5rem;
}
.me-1 {
    margin-right:.25rem;
}
/* 1. 将按钮容器设置为 Flex 纵向排列 (实现上下结构) */
.woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
    gap: 15px; /* 两个按钮之间的上下间距 */
}

/* 2. 统一设置两个按钮的宽度，清除主题自带的左右间距 */
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce-variation-add-to-cart .wd-buy-now-btn {
    width: 100%; /* 让按钮占满整行 */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. 单独修改 Add to cart 按钮的背景和边框颜色 */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
    background-color: #ff6e26 !important;
    border-color: #ff6e26 !important;
    color: #ffffff !important; /* 确保文字是白色 */
}

/* 4. Add to cart 按钮的鼠标悬停效果（颜色稍微加深） */
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
    background-color: #e55c15 !important; 
    border-color: #e55c15 !important;
}


.product_title {
    font-size: 22px !important;
    margin-bottom: 10px !important;
}
.wd-content-layout {
    padding-block: 20px!important;
}
.wd-nav.wd-style-underline-reverse>li>a>.nav-link-text:after {
    top: 100%!important;
}

.product-tabs-wrapper {
    border:none!important;
}
.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
    border-bottom: 2px solid var(--brdcolor-gray-300);
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
    background-color: #ffece3!important;
}


.wd-single-post-header {
    --wd-align: left !important;
    align-items: flex-start !important;
    text-align: left !important;
    border-bottom: 1px solid #e4e4e4; 
    padding-bottom: 20px;       
    margin-bottom: 30px;
}

.wd-prefooter {
    padding-bottom: 0px!important;
}



.page-id-30511 .wd-accordion-opener {
    color: #333!important;
}
.page-id-30511 .wd-accordion-content p {
    padding: 0 20px !important;
    color: #333;
}

.page-id-30511 .wd-accordion:where(.wd-style-default)>.wd-accordion-item {
    border-bottom: 0!important;
    margin-bottom: 10px!important;
    background: #eeeeee91!important;
    padding: 0 15px!important;
    border-radius: 10px!important;
}

.page-id-30511 .wd-accordion:where(.wd-style-default)>.wd-accordion-item:first-of-type, .wd-accordion:where(.wd-style-default)>.wd-nav-wrapper+.wd-accordion-item {
    border-top:0!important;
}


.terms-of-use,
.privacy_policy_content,
.returns_policy_30517{
margin-top: 30px!important;}

.terms-of-use i.fa-angle-double-right,
.page-id-31358 i.fa-angle-double-right,
.privacy_policy_content i.fa-angle-double-right,
.returns_policy_30517 i.fa-angle-double-right{
color: #ff6e27;}

.terms-of-use ul,
.returns_policy_30517 ul,
.page-id-31358 .elementor-element-b87138e ul,
.privacy_policy_content ul{
padding-left:4rem;}

.page-id-30245 span.text-flash{
    color: #fe3;
}

.page-id-30252 .wd-page-content {
    background-color: #7bb532;
}

.page-id-30248 .wd-page-content {
    background-color: #343346;
    background-image: linear-gradient(180deg, #46455D 0%, #343346 100%); 
}

.page-id-30255 .wd-page-content {
    background-color:#fabe1c;
}
.page-id-30255 .wd-fill {
    height: 328px!important;
}
.page-id-30255 .wd-page-title .container {
    display: none;
}


.home_popup input{
background-color: #ffffff!important;
color: #ffffff!important;
}
.wd-popup-inner .elementor-element-e89014a{
    display: none!important;
}


.wd-post-meta .wd-post-author,
.wd-post-meta .wd-modified-date,
.wd-post-meta .wd-post-reply {
    display: none !important;
}


img.wd-lazy-fade[src*=".svg"]:not(.wd-loaded) {
    object-fit: contain !important;
    padding: 10% 40% !important; 
    box-sizing: border-box !important;
    background-color: #f7f7f7 !important;
}


.woocommerce div.product form.cart,
.woocommerce div.product form.cart .variations_button {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .quantity {
    flex: 0 0 100%;
    margin-bottom: 15px !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0;
}