/* css/cart.css - 購物車頁面專屬樣式 */

.cart-container { max-width: 1000px; margin: 40px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.cart-title { color: #2c3e50; border-bottom: 2px solid #e74c3c; padding-bottom: 15px; margin-bottom: 25px; }

/* 購物車表格設計 */
.cart-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.cart-table th { background-color: #f8f9fa; color: #555; padding: 12px; text-align: left; border-bottom: 2px solid #ddd; }
.cart-table td { padding: 15px 12px; border-bottom: 1px solid #eee; vertical-align: middle; }

/* 商品圖片與名稱 */
.product-info { display: flex; align-items: center; gap: 15px; }
.product-img { width: 80px; height: 80px; border-radius: 4px; object-fit: cover; border: 1px solid #eee; }
.product-name { font-size: 1.1rem; color: #333; font-weight: bold; text-decoration: none; }
.product-name:hover { color: #3498db; }

/* 數量與金額 */
.qty-input { width: 60px; padding: 8px; text-align: center; border: 1px solid #ccc; border-radius: 4px; }
.price-unit { color: #7f8c8d; }
.price-subtotal { color: #e74c3c; font-weight: bold; font-size: 1.1rem; }

/* 按鈕設計 */
.btn-remove { background: #e74c3c; color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer; transition: 0.3s; }
.btn-remove:hover { background: #c0392b; }
.btn-update { background: #3498db; color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer; transition: 0.3s; margin-left: 5px; }
.btn-update:hover { background: #2980b9; }

/* 總計區塊 */
.cart-summary { background: #fdfdfd; border: 1px solid #eee; padding: 20px; border-radius: 6px; text-align: right; }
.summary-total { font-size: 1.5rem; color: #2c3e50; font-weight: bold; margin-bottom: 20px; }
.summary-total span { color: #e74c3c; font-size: 1.8rem; }

.btn-checkout { display: inline-block; background: #27ae60; color: #fff; padding: 15px 40px; font-size: 1.2rem; font-weight: bold; border-radius: 4px; text-decoration: none; transition: 0.3s; }
.btn-checkout:hover { background: #2ecc71; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(46,204,113,0.3); }
.btn-continue { display: inline-block; color: #7f8c8d; text-decoration: none; margin-right: 20px; font-weight: bold; }
.btn-continue:hover { color: #34495e; }

/* 空購物車狀態 */
.empty-cart { text-align: center; padding: 50px 0; color: #7f8c8d; }
.empty-cart h2 { color: #bdc3c7; margin-bottom: 20px; }