/*
Theme Name: MB2
Description: Custom WooCommerce Theme - Lixa Template
Version: 1.0
*/


/* ================================
   通用图片处理
================================ */
.img-fluid,.banner-img,.logo_img,.content-image{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* 商品图片比例 */
.product-img img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    width: 100%;
}

/* 防止卡片高度错位 */
.product-wrapper {
    height: 100%;
}

/* ================================
   WooCommerce 文本优化
================================ */
p.woocommerce-result-count {
    margin-bottom: 0 !important;
}

.pro-price span {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #747691 !important;
    margin: 0 !important;
}

/* ================================
   排序下拉框
================================ */
.woocommerce-ordering {
    margin: 0;
}

.woocommerce-ordering select {
    border: 1px solid #ddd;
    height: 45px;
    padding: 0 15px;
    border-radius: 0;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    outline: none;
    cursor: pointer;
}

/* ================================
   Lixa 模板 WooCommerce 集成
================================ */

/* 确保 Lixa 按钮样式不被 WooCommerce 覆盖 */
.default-btn {
    font-size: 16px !important;
    color: #ffffff !important;
    line-height: 1 !important;
    text-align: center !important;
    background-color: #c4ab90 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    display: inline-table !important;
    padding: 15px 40px !important;
    border-radius: 0 !important;
    font-weight: normal !important;
}

.default-btn:hover {
    background-color: #0e0f11 !important;
    color: #ffffff !important;
}

/* WooCommerce 消息提示适配 */
.woocommerce-message {
    border-top-color: #c4ab90 !important;
}

.woocommerce-message::before {
    color: #c4ab90 !important;
}

.woocommerce-info {
    border-top-color: #c4ab90 !important;
}

.woocommerce-info::before {
    color: #c4ab90 !important;
}

.woocommerce-error {
    border-top-color: #d91717 !important;
}

.woocommerce-error::before {
    color: #d91717 !important;
}

/* 产品价格显示 */
.single-best-selling .best-selling-content span del,
.single-new-products .new-products-content span del {
    color: #999 !important;
    text-decoration: line-through;
    margin-right: 5px;
}

.single-best-selling .best-selling-content span .onsale,
.single-new-products .new-products-content span .onsale {
    color: #c4ab90 !important;
}

/* 覆盖 WooCommerce 默认按钮 */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 16px !important;
    color: #ffffff !important;
    background-color: #c4ab90 !important;
    border-radius: 0 !important;
    font-weight: normal !important;
    padding: 12px 30px !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #0e0f11 !important;
    color: #ffffff !important;
}

/* 购物车页面适配 */
.cart-area .cart-table table tbody tr td a {
    color: #0e0f11 !important;
}

.cart-area .cart-table table tbody tr td a:hover {
    color: #c4ab90 !important;
}

/* 结算页面适配 */
.checkout-area .billing-details .form-group .form-control {
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    height: 50px !important;
}

/* Logo 尺寸控制 */
.navbar-brand img {
    max-width: 120px;
    height: auto;
}

.mobile-responsive-nav .logo img {
    max-width: 100px;
    height: auto;
}

.sidebar-logo img {
    max-width: 120px;
    height: auto;
}

/* 页脚列间距 */
.footer-area .row > [class*="col-"] {
    padding-left: 60px;
    padding-right: 60px;
}

/* 桌面端页脚字体加大 */
@media only screen and (min-width: 992px) {
    .footer-area .single-footer-widget p,
    .footer-area .single-footer-widget .import-link li a,
    .footer-area .single-footer-widget .address li,
    .footer-area .single-footer-widget .address li a {
        font-size: 17px;
    }
    .footer-area .single-footer-widget h3 {
        font-size: 26px;
    }
    .copy-right-area p,
    .copy-right-area .terms-condition li a {
        font-size: 16px;
    }
}

/* 响应式修复 */
@media only screen and (max-width: 767px) {
    .woocommerce-ordering select {
        width: 100%;
    }
}