.elementor-17 .elementor-element.elementor-element-8b83ffd{--display:flex;overflow:visible;}/* Start custom CSS for wc-elements, class: .elementor-element-9cd5a48 *//* =========================================
   1. 全域與按鈕設定 (Global & Buttons)
   ========================================= */

/* 修正 Elementor 容器溢出問題 */
.woocommerce-cart .elementor-widget-container {
    overflow: visible !important;
}

/* 移除連結底線 */
.woocommerce-cart a {
    text-decoration: none !important;
}

/* --- 按鈕優化 (重點修正：改回企業色) --- */
.woocommerce-cart .button {
    background-color: #C5A065 !important; /* 企業色 */
    color: #ffffff !important;
    border: 1px solid #C5A065 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    padding: 10px 25px !important;
    transition: all 0.3s ease;
}

.woocommerce-cart .button:hover {
    background-color: #b08d55 !important; /* 深一點的金色 */
    color: #fff !important;
    transform: translateY(-2px); /* 微微上浮 */
}

/* 優惠券按鈕：做成「白底金框」更有層次感，不搶結帳按鈕風頭 */
.woocommerce-cart .coupon .button {
    background-color: #fff !important;
    color: #C5A065 !important;
    border: 1px solid #C5A065 !important;
}
.woocommerce-cart .coupon .button:hover {
    background-color: #C5A065 !important;
    color: #fff !important;
}

/* 禁用狀態的按鈕 */
.woocommerce-cart .button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #eee !important;
    border-color: #eee !important;
    color: #999 !important;
}

/* =========================================
   2. 電腦版表格優化 (Desktop - 修正對齊問題)
   ========================================= */
@media (min-width: 769px) {
    .woocommerce-cart .shop_table {
        width: 100%;
        border-collapse: collapse !important; /* 改回合併邊框，避免跑版 */
        border: none !important;
        margin-bottom: 20px;
    }

    /* 表頭 */
    .woocommerce-cart .shop_table thead th {
        font-weight: 600;
        color: #888;
        padding: 15px 10px;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        border-bottom: 2px solid #C5A065 !important; /* 茶金分隔線 */
        text-align: left;
    }

    /* 內容列 */
    .woocommerce-cart .shop_table tbody tr.cart_item {
        border-bottom: 1px solid #eee; /* 簡約分隔線 */
    }
    
    .woocommerce-cart .shop_table td {
        padding: 20px 10px !important;
        vertical-align: middle;
        border-top: none !important;
    }

    /* 圖片設定 */
    .product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        border-radius: 4px;
        object-fit: cover;
    }

    /* 商品名稱 */
    .product-name a {
        color: #333;
        font-weight: 600;
        font-size: 16px;
    }
    .product-name a:hover {
        color: #C5A065;
    }
    
    /* 移除(X)按鈕 - 簡約圓形 */
    a.remove {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 24px !important;
        height: 24px !important;
        border-radius: 50%;
        color: #aaa !important;
        font-size: 18px !important;
        transition: 0.3s;
        border: 1px solid #eee;
        background: #fff;
    }
    a.remove:hover {
        background: #ffcccc !important;
        color: #d9534f !important;
        border-color: #d9534f;
    }
}

/* =========================================
   3. 手機版版面 (Mobile - 保留你喜歡的結構)
   ========================================= */
@media (max-width: 768px) {
    /* 隱藏原本表頭 */
    .woocommerce-cart .shop_table thead {
        display: none;
    }

    /* 卡片式容器 */
    .woocommerce-cart .shop_table tbody tr.cart_item {
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #f0f0f0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03); /* 輕微陰影 */
        position: relative;
    }

    /* 左側圖片 */
    .woocommerce-cart .shop_table tbody td.product-thumbnail {
        width: 90px !important;
        padding: 0 !important;
        margin-right: 15px;
        border: none !important;
        display: block;
    }
    .woocommerce-cart .shop_table tbody td.product-thumbnail:before { display: none !important; }
    
    .product-thumbnail img {
        width: 90px !important;
        height: 90px !important;
        border-radius: 6px;
        object-fit: cover;
    }

    /* 右側名稱區塊 */
    .woocommerce-cart .shop_table tbody td.product-name {
        width: calc(100% - 110px) !important;
        padding: 0 25px 0 0 !important;
        border: none !important;
        display: block;
        text-align: left !important;
        margin-bottom: 5px;
    }
    .woocommerce-cart .shop_table tbody td.product-name:before { display: none !important; }
    
    .product-name a {
        font-size: 15px;
        font-weight: 700;
        color: #333;
        line-height: 1.4;
        display: block;
    }

    /* 刪除按鈕 (X) 固定右上角 */
    .woocommerce-cart .shop_table tbody td.product-remove {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0 !important;
        border: none !important;
        width: auto !important;
    }
    .woocommerce-cart .shop_table tbody td.product-remove:before { display: none; }

    /* 下方資訊列：數量與小計 */
    .woocommerce-cart .shop_table tbody td.product-price { display: none; } /* 手機不顯示單價 */

    /* 數量輸入框 */
    .woocommerce-cart .shop_table tbody td.product-quantity {
        width: auto !important;
        padding: 5px 0 0 0 !important;
        border: none !important;
        display: flex;
        align-items: center;
    }
    .woocommerce-cart .shop_table tbody td.product-quantity:before { display: none; }

    /* 小計金額 */
    .woocommerce-cart .shop_table tbody td.product-subtotal {
        width: auto !important;
        padding: 5px 0 0 0 !important;
        border: none !important;
        display: flex;
        align-items: center;
        margin-left: auto; /* 推到最右邊 */
    }
    .woocommerce-cart .shop_table tbody td.product-subtotal:before {
        content: "小計: ";
        font-size: 13px;
        color: #888;
        margin-right: 5px;
    }
    .product-subtotal .amount {
        font-size: 16px;
        color: #C5A065 !important;
    }
}

/* =========================================
   4. 功能區與總計 (Actions & Cart Totals)
   ========================================= */

/* Coupon 區塊整理 */
td.actions {
    padding: 20px 0 !important;
    background: transparent !important;
    border: none !important;
}

.coupon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    align-items: center;
}

.coupon .input-text {
    flex: 1;
    min-width: 150px;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    height: 42px; /* 確保與按鈕高度一致 */
}

/* 總計區塊 */
.cart-collaterals .cart_totals {
    width: 100% !important;
    background: #fdfdfd;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 8px;
    margin-top: 30px;
}

.cart_totals h2 {
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #C5A065;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.cart_totals table th {
    width: 35%;
    text-align: left;
    color: #777;
    font-weight: normal;
    padding: 15px 0;
}

.cart_totals table td {
    text-align: right;
    padding: 15px 0;
}

/* 結帳按鈕 (CTA) - 醒目 */
.checkout-button {
    background-color: #C5A065 !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 15px !important;
    border-radius: 50px !important;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-weight: 600 !important;
    display: block;
    box-shadow: 0 5px 15px rgba(197, 160, 101, 0.3);
}

.checkout-button:hover {
    background-color: #b08d55 !important;
    transform: translateY(-2px);
}/* End custom CSS */