/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: wds
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.63.1768651535
Updated: 2026-01-17 20:05:35

*/

/* 单选按钮组样式 */
.variations-radio {
    margin-bottom: 20px;
}
.variation-radio-item {
    display: block;
    padding: 12px 16px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.variation-radio-item:hover {
    border-color: #000;
}
.variation-radio-item input:checked + .auth-type {
    font-weight: bold;
    color: #000;
}
.auth-price {
    float: right;
    color: #333;
    font-weight: 600;
}

/* 动态描述区域 */
.variation-description {
    padding: 16px;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* 优化商品元数据（SKU、分类）的布局和间距 */
.product_meta {
    margin-top: 30px; /* 与上方购买按钮保持合适间距 */
    padding-top: 20px;
    border-top: 1px solid #f0f0f0; /* 添加分隔线，视觉更清晰 */
    color: #666;
    font-size: 14px;
}

/* 调整SKU、分类、标签的行间距，避免拥挤 */
.product_meta > span {
    display: block;
    margin-bottom: 8px;
}

.product_meta .sku_wrapper {
    margin-bottom: 10px;
}


/* 购买按钮区域布局：两个按钮横向并排 */
.woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    gap: 12px; /* 按钮之间的间距 */
    margin-top: 20px;
}

/* 加入购物车按钮样式（保持原有风格） */
.single_add_to_cart_button.button.alt {
    flex: 1; /* 平分宽度 */
    padding: 12px 35px;
    border-radius: 2px;
    font-size: 16px;
    background: #f0f0f0 !important;
    color: #333 !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease;
    text-align: center;
}

.single_add_to_cart_button.button.alt:hover {
    background: #e0e0e0 !important;
    border-color: #d0d0d0 !important;
}

/* 立即购买按钮样式（突出显示，区分功能） */
.checkout-now-button.button.primary {
    flex: 1; /* 平分宽度 */
    padding: 12px 35px;
    border-radius: 2px;
    font-size: 16px;
    background: #d9534f !important; /* 醒目红色，突出结账功能 */
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    border: none !important;
    transition: all 0.3s ease;
}

.checkout-now-button.button.primary:hover {
    background: #c9302c !important; /* 加深红色，hover反馈 */
    color: #fff !important;
    text-decoration: none;
}

/* 移动端适配：小屏幕下按钮纵向排列 */
@media (max-width: 768px) {
    .woocommerce-variation-add-to-cart.variations_button {
        flex-direction: column;
        gap: 8px;
    }
}

/* 移动端（768px以下）Flex布局换行 */
@media (max-width: 768px) {
    .product-info-flex {
        flex-direction: column;
        align-items: flex-start; /* 靠左对齐 */
        gap: 4px; /* 上下间距 */
    }
}