/* 移动端结账页面按钮优化样式 */

@media (max-width: 768px) {
    /* 结账页面容器 */
    .woocommerce-checkout {
        padding: 10px;
    }
    
    /* Place Order按钮 - 大按钮样式 */
    .woocommerce-checkout #place_order {
        width: 100%;
        padding: 20px 25px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(135deg, #FF6B35 0%, #E55A2B 100%);
        color: #ffffff;
        border: none;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 20px;
        cursor: pointer;
    }
    
    .woocommerce-checkout #place_order:hover {
        background: linear-gradient(135deg, #E55A2B 0%, #D04A1B 100%);
        box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
        transform: translateY(-2px);
    }
    
    .woocommerce-checkout #place_order:active {
        transform: translateY(0);
        box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3);
    }
    
    /* 结账表单输入框优化 */
    .woocommerce-checkout .form-row input,
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea {
        padding: 12px;
        font-size: 14px;
        border-radius: 4px;
    }
    
    /* 结账表单标签优化 */
    .woocommerce-checkout .form-row label {
        font-size: 13px;
        margin-bottom: 5px;
    }
    
    /* 结账总计区域优化 */
    .woocommerce-checkout .woocommerce-checkout-review-order {
        margin-top: 20px;
        padding: 15px;
        background: #f9f9f9;
        border-radius: 8px;
    }
    
    /* 结账表格优化 */
    .woocommerce-checkout .shop_table {
        font-size: 13px;
    }
    
    /* 结账总计金额优化 */
    .woocommerce-checkout .order-total {
        font-size: 16px;
        font-weight: bold;
    }
}

@media (max-width: 480px) {
    /* Place Order按钮 - 小屏幕优化 */
    .woocommerce-checkout #place_order {
        padding: 18px 22px;
        font-size: 17px;
        border-radius: 6px;
        margin-top: 15px;
    }
    
    /* 结账表单输入框 - 小屏幕优化 */
    .woocommerce-checkout .form-row input,
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea {
        padding: 10px;
        font-size: 13px;
    }
    
    /* 结账表单标签 - 小屏幕优化 */
    .woocommerce-checkout .form-row label {
        font-size: 12px;
    }
    
    /* 结账总计区域 - 小屏幕优化 */
    .woocommerce-checkout .woocommerce-checkout-review-order {
        padding: 12px;
        margin-top: 15px;
    }
    
    /* 结账表格 - 小屏幕优化 */
    .woocommerce-checkout .shop_table {
        font-size: 12px;
    }
    
    /* 结账总计金额 - 小屏幕优化 */
    .woocommerce-checkout .order-total {
        font-size: 15px;
    }
}

/* 超小屏幕优化 */
@media (max-width: 360px) {
    /* Place Order按钮 - 超小屏幕优化 */
    .woocommerce-checkout #place_order {
        padding: 16px 20px;
        font-size: 16px;
        border-radius: 5px;
        margin-top: 12px;
    }
    
    /* 结账表单输入框 - 超小屏幕优化 */
    .woocommerce-checkout .form-row input,
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea {
        padding: 8px;
        font-size: 12px;
    }
    
    /* 结账表单标签 - 超小屏幕优化 */
    .woocommerce-checkout .form-row label {
        font-size: 11px;
    }
    
    /* 结账总计区域 - 超小屏幕优化 */
    .woocommerce-checkout .woocommerce-checkout-review-order {
        padding: 10px;
        margin-top: 12px;
    }
    
    /* 结账表格 - 超小屏幕优化 */
    .woocommerce-checkout .shop_table {
        font-size: 11px;
    }
    
    /* 结账总计金额 - 超小屏幕优化 */
    .woocommerce-checkout .order-total {
        font-size: 14px;
    }
}