.elementor-25878 .elementor-element.elementor-element-1739b5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-1739b5d *//* ==========================================
   WooCommerce Checkout - Brand Color Update
   Primary Color: #9c3749
   Secondary Color: #7c2a38 (darker shade)
========================================== */

/* 整体容器优化 */
.woocommerce-checkout .woocommerce {
    padding: 8px;
    margin: 0 auto;
    max-width: 100%;
    background-color: rgba(156, 55, 73, 0.02); /* 非常浅的品牌色背景 */
}

/* 表单区域优化 (品牌色边框和阴影) 
.woocommerce-additional-fields,
#order_review_heading,*/
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.section.coupon-wrapper,
#order_review {
    margin: 20px 0;
    padding: 25px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(156, 55, 73, 0.1); /* 品牌色边框 */
    box-shadow: 
        0 10px 25px -10px rgba(156, 55, 73, 0.1), /* 品牌色阴影 */
        0 6px 20px -12px rgba(0, 0, 0, 0.2),
        inset 0 1px 10px rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
}

/* 表单元素优化 */
.woocommerce form .form-row {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.woocommerce form .form-row:after {
    content: "";
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(156, 55, 73, 0.08), transparent); /* 品牌色渐变 */
    margin-top: 15px;
}

/* 输入框样式 (品牌色焦点状态) */
.woocommerce form input.input-text,
.woocommerce form select,
.woocommerce form textarea {
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid #e1e6f0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 
        inset 0 2px 5px rgba(0, 0, 0, 0.03),
        0 3px 10px -3px rgba(0, 0, 0, 0.05);
    transition: all 0.25s ease;
}

.woocommerce form input.input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus {
    border-color: #9c3749; /* 品牌色边框 */
    box-shadow: 
        inset 0 2px 8px rgba(156, 55, 73, 0.1), /* 品牌色内阴影 */
        0 5px 15px -5px rgba(156, 55, 73, 0.2); /* 品牌色外阴影 */
    background: rgba(255, 255, 255, 0.95);
}

/* 按钮优化 (品牌色渐变) */
.woocommerce #place_order {
    padding: 18px 30px;
    border-radius: 14px;
    background: linear-gradient(135deg, #9c3749, #7c2a38); /* 品牌色渐变 */
    border: none;
    box-shadow: 
        0 8px 25px -8px rgba(156, 55, 73, 0.5), /* 品牌色阴影 */
        0 4px 15px -5px rgba(0, 0, 0, 0.2),
        inset 0 -2px 8px rgba(0, 0, 0, 0.1),
        inset 0 2px 8px rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    margin: 30px 0 15px 0;
    color: white;
}

.woocommerce #place_order:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 12px 30px -8px rgba(156, 55, 73, 0.6), /* 品牌色阴影 */
        0 6px 20px -5px rgba(0, 0, 0, 0.25),
        inset 0 -2px 10px rgba(0, 0, 0, 0.15),
        inset 0 2px 10px rgba(255, 255, 255, 0.4);
}

/* 标题样式优化 (品牌色装饰条) */
.woocommerce h3 {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 1.4rem;
    color: #7c2a38; /* 深品牌色 */
    display: flex;
    align-items: center;
}

.woocommerce h3:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 25px;
    background: linear-gradient(to bottom, #9c3749, #7c2a38); /* 品牌色渐变 */
    border-radius: 4px;
    margin-right: 12px;
}

/* 支付方式优化 (品牌色强调) */
.wc_payment_methods {
    background: rgba(245, 247, 250, 0.6);
    border-radius: 14px;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid rgba(156, 55, 73, 0.1); /* 品牌色边框 */
}

.wc_payment_method {
    padding: 15px;
    margin: 0 0 15px 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px -5px rgba(156, 55, 73, 0.08); /* 品牌色阴影 */
    transition: all 0.3s ease;
}

.wc_payment_method:hover {
    border-color: rgba(156, 55, 73, 0.3); /* 品牌色悬停边框 */
}

/* 响应式表格 (品牌色强调) */
.woocommerce table.shop_table {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px -10px rgba(156, 55, 73, 0.1); /* 品牌色阴影 */
    border: 1px solid rgba(156, 55, 73, 0.1); /* 品牌色边框 */
}

.woocommerce table.shop_table th {
    background-color: rgba(156, 55, 73, 0.05); /* 品牌色背景 */
    color: #7c2a38; /* 深品牌色 */
}

/* 通知区域优化 (品牌色强调) */
.woocommerce-notices-wrapper {
    margin: 0 0 25px 0;
}

.woocommerce-message {
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 6px 20px -8px rgba(156, 55, 73, 0.15); /* 品牌色阴影 */
    border-left: 4px solid #9c3749; /* 品牌色强调边框 */
    background-color: rgba(156, 55, 73, 0.05); /* 品牌色背景 */
}

.woocommerce-error {
    border-left: 4px solid #d9534f;
}

.woocommerce-info {
    border-left: 4px solid #5bc0de;
}

/* 额外品牌色元素 */
.woocommerce-checkout .woocommerce form .required {
    color: #9c3749; /* 品牌色强调必填字段 */
}

.woocommerce-checkout .woocommerce a {
    color: #9c3749; /* 品牌色链接 */
}

.woocommerce-checkout .woocommerce a:hover {
    color: #7c2a38; /* 深品牌色悬停 */
}/* End custom CSS */