/*
Theme Name: ClanyEco Child
Author: VamTam
Author URI: https://vamtam.com
Template: clanyeco
*/



/*

put your child theme styles here


you don't need any @import rules

*/

/* 在此添加自定义样式 */

/* ========== WooCommerce变体选择器样式（Elementor Add to Cart） ========== */

/* 变体表格样式 */
.variations_form table.variations {
    border-collapse: collapse;
    width: 100%;
}

/* 属性行 - 无背景，底部边框线 */
.variations_form table.variations tr {
    background: transparent;
    border-bottom: 1px solid #E0E0E0;
}

.variations_form table.variations tr:last-child {
    border-bottom: none;
}

.variations_form table.variations tr th,
.variations_form table.variations tr td {
    padding: 12px 0;
    vertical-align: middle;
}

/* 属性标签 - 左对齐 */
.variations_form table.variations th.label {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    padding-right: 20px;
}

.variations_form table.variations th.label label {
    font-weight: 500;
    margin: 0;
}

/* 下拉选择器 - 右对齐 */
.variations_form table.variations td.value {
    text-align: right;
}

/* 单变体直接显示文本 - 无背景 */
.baijia-single-value {
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

/* 隐藏Clear按钮 */
.variations_form .reset_variations {
    display: none !important;
}

/* 下拉选择器样式 - 灰色背景、全圆角、宽度自适应 */
.variations_form table.variations td.value select,
.variations_form .variations td.value select,
.woocommerce div.product form.cart .variations select {
    width: auto !important;
    min-width: unset !important;
    max-width: none !important;
    margin-right: 0 !important;
    padding: 8px 36px 8px 14px !important;
    font-size: 14px !important;
    color: #333 !important;
    background-color: #F8F8F8 !important;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M2.5 4.5L6 8l3.5-3.5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    border: none !important;
    border-radius: 50px !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.variations_form table.variations td.value select:focus,
.variations_form .variations td.value select:focus {
    outline: none;
}

/* 禁用的选项样式 */
.variations_form table.variations td.value select option:disabled {
    color: #ccc;
    background: #f5f5f5;
}

/* ========== 自定义下拉组件样式 ========== */
.baijia-custom-select {
    position: relative;
    display: inline-block;
}

.baijia-select-trigger {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 3px 40px 3px 30px;
    font-size: 14px;
    color: #333;
    background: #F8F8F8 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="10" viewBox="0 0 19 10" fill="none"><path d="M17.0166 0.999968L9.00827 9.0083L0.999936 0.999967" stroke="%234D4D4D" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 12px center;
    background-size: 14px 8px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    white-space: nowrap;
	  overflow: hidden;
}

.baijia-trigger-text {
    position: absolute;
    left: 30px;
}

.baijia-trigger-sizer {
    visibility: hidden;
    white-space: nowrap;
}

/* 下拉菜单 - 覆盖触发器向下展开 */
.baijia-select-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    padding: 4px;
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none;
    overflow: hidden;
    line-height: normal !important;
}

.baijia-custom-select.open .baijia-select-dropdown {
    display: block;
}

.baijia-select-option {
    display: flex;
    align-items: center;
    padding: 3px 14px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
    border-radius: 4px;
}

/* 所有选项预留勾图标位置 */
.baijia-select-option::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 8px;
    flex-shrink: 0;
}

.baijia-select-option:last-child {
    margin-bottom: 0;
}

.baijia-select-option:hover {
    background: #00A0E9;
    color: #fff;
}

.baijia-select-option.selected {
    background: #00A0E9;
    color: #fff;
}

/* 选中时显示勾图标 */
.baijia-select-option.selected::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M1 5L4.5 8.5L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
}

.baijia-select-option.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.baijia-select-option.disabled:hover {
    background: transparent;
    color: #ccc;
}

/* 库存状态样式 */
.variations_form .woocommerce-variation-availability,
.woocommerce-variation-availability {
    margin-bottom: 15px;
}

.variations_form .woocommerce-variation-availability p,
.woocommerce-variation-availability p,
.variations_form .stock,
.stock.in-stock,
.woocommerce div.product .stock {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #5D5D5D !important;
    margin: 0;
}

.variations_form .stock.in-stock::before,
.stock.in-stock::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-right: 8px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="17" viewBox="0 0 24 17" fill="none"><path d="M2.5 7.75L9.34 14.5L21.5 2.5" stroke="%238BE567" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
}

/* 购物车区域样式 */
.variations_form .woocommerce-variation-add-to-cart {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 20px;
}

/* 数量选择器 - 占比30% */
.variations_form .quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
    border: 1px solid #000;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.variations_form .quantity .qty {
    width: 50px;
    height: 44px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    -moz-appearance: textfield;
}

.variations_form .quantity .qty::-webkit-outer-spin-button,
.variations_form .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 增减按钮样式 */
.variations_form .quantity .minus,
.variations_form .quantity .plus {
    width: 36px;
    height: 44px;
    border: none;
    background: transparent;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    flex-shrink: 0;
}

.variations_form .quantity .minus:hover,
.variations_form .quantity .plus:hover {
    background: #f5f5f5;
}

/* 添加到购物车按钮 - 占比70% */
.variations_form .single_add_to_cart_button {
    width: 70%;
    height: 48px;
    margin-left: 10px;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s;
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px !important;
}

.variations_form .single_add_to_cart_button::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
    order: -1;
}

.variations_form .single_add_to_cart_button:hover {
    background: #333 !important;
}

.variations_form .single_add_to_cart_button.disabled,
.variations_form .single_add_to_cart_button:disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

/* ========== 简单产品购物车样式（与变体产品保持一致） ========== */

/* 简单产品购物车表单布局 */
form.cart:not(.variations_form) {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 20px;
}

/* 简单产品数量选择器 - 占比30% */
form.cart:not(.variations_form) .quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
    border: 1px solid #000;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

form.cart:not(.variations_form) .quantity .qty {
    width: 50px;
    height: 44px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    -moz-appearance: textfield;
}

form.cart:not(.variations_form) .quantity .qty::-webkit-outer-spin-button,
form.cart:not(.variations_form) .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 简单产品增减按钮样式 */
form.cart:not(.variations_form) .quantity .minus,
form.cart:not(.variations_form) .quantity .plus {
    width: 36px;
    height: 44px;
    border: none;
    background: transparent;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    flex-shrink: 0;
}

form.cart:not(.variations_form) .quantity .minus:hover,
form.cart:not(.variations_form) .quantity .plus:hover {
    background: #f5f5f5;
}

/* 简单产品添加到购物车按钮 - 占比70% */
form.cart:not(.variations_form) .single_add_to_cart_button {
    width: 70%;
    height: 48px;
    margin-left: 10px;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s;
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px !important;
}

form.cart:not(.variations_form) .single_add_to_cart_button::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
    order: -1;
}

form.cart:not(.variations_form) .single_add_to_cart_button:hover {
    background: #333 !important;
}

form.cart:not(.variations_form) .single_add_to_cart_button.disabled,
form.cart:not(.variations_form) .single_add_to_cart_button:disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

/* ========== 移动端变体选择器换行修复 ========== */
@media (max-width: 768px) {
    .baijia-custom-select {
        display: block;
        width: 100%;
    }

    /* 触发器：充满宽度，文字截断省略号，保持单行高度 */
    .baijia-select-trigger {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 36px;
    }

    /* 文字改为正常流，超出用省略号，不撑高触发器 */
    .baijia-trigger-text {
        position: static;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* sizer 不参与布局 */
    .baijia-trigger-sizer {
        display: none;
    }

    /* 下拉菜单：选项允许换行，行高紧凑 */
    .baijia-select-option {
        white-space: normal;
        word-break: break-word;
        align-items: flex-start;
        padding: 4px 14px;
        margin-bottom: 1px;
        line-height: 1.4 !important;
    }

    /* checkmark 与换行后第一行文字对齐 */
    .baijia-select-option::before {
        margin-top: 3px;
        flex-shrink: 0;
    }
}