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

/* ================================================
   Cdiscount 风格导航栏样式
   ================================================ */

/* 导航栏整体背景 - 纯色 */
.whb-row.whb-header-bottom {
    background: #3732ff !important;
    border: none !important;
    box-shadow: none !important;
}

/* 导航栏容器内边距调整 */
.whb-header-bottom .container,
.whb-header-bottom-inner {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* MENU 按钮胶囊样式 */
.whb-header-bottom .wd-header-mobile-nav > a,
.whb-header-bottom .wd-tools-element.wd-header-mobile-nav > a {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 25px !important;
    padding: 4px 16px !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.whb-header-bottom .wd-header-mobile-nav > a:hover,
.whb-header-bottom .wd-tools-element.wd-header-mobile-nav > a:hover {
    background-color: transparent !important;
}

/* ================================================
   Cdiscount 侧边栏蓝色顶部区域
   ================================================ */
.cd-blue-header {
    background: linear-gradient(180deg, #3732ff 0%, #4c56ff 100%);
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
}

.cd-blue-header a {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 12px 15px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 4px;
}

.cd-blue-header a:hover {
    background: rgba(255, 255, 255, 0.15);
}

.cd-blue-header .cd-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* ================================================
   Cdiscount 风格产品卡片样式
   ================================================ */

/* 产品卡片整体 */
.product-grid-item .product-wrapper,
.wd-product .product-wrapper {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 15px !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.product-grid-item .product-wrapper:hover,
.wd-product .product-wrapper:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* 产品图片容器 */
.product-grid-item .product-element-top,
.wd-product .product-element-top {
    margin-bottom: 12px !important;
}

.product-grid-item .product-image-link img,
.wd-product .product-image-link img {
    border-radius: 4px !important;
}

/* 产品名称 */
.product-grid-item .wd-entities-title,
.wd-product .wd-entities-title,
.product-grid-item .product-title,
.wd-product .product-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 40px !important;
}

.product-grid-item .wd-entities-title a,
.wd-product .wd-entities-title a,
.product-grid-item .product-title a,
.wd-product .product-title a {
    color: #333 !important;
    text-decoration: none !important;
}

.product-grid-item .wd-entities-title a:hover,
.wd-product .wd-entities-title a:hover {
    color: #3732ff !important;
}

/* 价格区域 */
.product-grid-item .price,
.wd-product .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

/* 原价 - 删除线样式 */
.product-grid-item .price del,
.wd-product .price del {
    font-size: 12px !important;
    color: #666 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    order: 1 !important;
}

.product-grid-item .price del::before,
.wd-product .price del::before {
    content: "Prix de comparaison " !important;
    font-size: 11px !important;
    color: #999 !important;
    text-decoration: none !important;
    display: inline !important;
}

/* 现价 - 红色大字体 */
.product-grid-item .price ins,
.wd-product .price ins,
.product-grid-item .price > .woocommerce-Price-amount,
.wd-product .price > .woocommerce-Price-amount {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #e30613 !important;
    text-decoration: none !important;
    background: none !important;
    order: 2 !important;
}

.product-grid-item .price ins .woocommerce-Price-amount,
.wd-product .price ins .woocommerce-Price-amount {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #e30613 !important;
}

/* 价格货币符号 */
.product-grid-item .price .woocommerce-Price-currencySymbol,
.wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 16px !important;
    vertical-align: top !important;
}

/* 折扣标签 */
.product-grid-item .onsale,
.wd-product .onsale,
.product-labels .onsale {
    background: #e30613 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* 添加到购物车按钮 */
.product-grid-item .add_to_cart_button,
.wd-product .add_to_cart_button {
    background: #3732ff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    transition: background 0.2s ease !important;
}

.product-grid-item .add_to_cart_button:hover,
.wd-product .add_to_cart_button:hover {
    background: #2a26cc !important;
}

/* 星级评分 */
.product-grid-item .star-rating,
.wd-product .star-rating {
    color: #ffc107 !important;
    font-size: 12px !important;
    margin-bottom: 8px !important;
}