/* ==================================================
           主題色
 ================================================== */

.w3-theme {color:#fff !important; background-color:#0ba298 !important;}


 /* ==================================================
           product_list 商品卡片
 ================================================== */

.product-card {height: 100%; transition: 0.2s;}


.product-card:hover {box-shadow:0 4px 12px rgba(0,0,0,0.15);}


/* ==================================================
          product_list 商品圖片
================================================== */

.product-image {width: 100%; object-fit: contain; background-color: #f8f8f8;}


/* ==================================================
           product_list商品名稱
================================================== */

.product-name {font-size: 18px; font-weight: bold; min-height: 50px;}


/* ==================================================
           product_list商品說明
================================================== */

.product-description {color: #666; font-size: 14px; min-height: 45px;}


 /* ==================================================
           product_list商品價格
================================================== */

.listproduct-price {color: #d35400; font-size: 22px; font-weight: bold;}


/* ==================================================
          product_list庫存
 ================================================== */

.stock-ok {color: green;}
.stock-none {color: red;}
      
/* ==================================================
           product_view 商品圖片區
 ================================================== */

.main-image {width: 100%; max-height: 500px; object-fit: contain;
            background-color: #f8f8f8; border: 1px solid #ddd;}


/* ==================================================
           product_view縮圖
 ================================================== */

.thumbnail {width: 90px; height: 90px; object-fit: contain; border: 2px solid #ddd;
            padding: 3px; cursor: pointer; background-color: #fff;}


.thumbnail:hover {border-color: #0ba298;}


/* ==================================================
           product_view商品名稱
 ================================================== */

.product-title {font-size: 28px; font-weight: bold;}


/* ==================================================
          product_view 商品編號
 ================================================== */

.product-no {color: #777; font-size: 15px;}


/* ==================================================
           product_view商品價格
 ================================================== */

.product-price {color: #d35400; font-size: 30px; font-weight: bold;}

/* ==================================================
         product_view  商品說明
 ================================================== */

.description {line-height: 1.8; white-space: pre-line;}
       
/* ==================================================
        product_view   返回按鈕
 ================================================== */

.back-button {margin-bottom: 20px;}

       
/* ======================================================
   cart.php 商品圖片
====================================================== */

.cart-image {width: 90px; height: 90px; object-fit: contain; border: 1px solid #ddd; background-color: #fff;}


/* ======================================================
   cart.php 商品名稱
====================================================== */

.cartproduct-name {font-weight: bold;}


/* ======================================================
   cart.php 價格
====================================================== */

.price {color: #d35400; font-weight: bold;}


/* ======================================================
   cart.php 數量控制
====================================================== */

.quantity-control {display: flex; align-items: center; justify-content: center; gap: 5px;}


.quantity-button {width: 38px; height: 38px; padding: 0; font-size: 22px; font-weight: bold;}


.quantity-input {width: 60px; height: 38px; text-align: center; padding: 4px;}


/* ======================================================
   cart.php 小計
====================================================== */

.subtotal {font-weight: bold;}


/* ======================================================
 cart.php  總金額
====================================================== */

.total-price {color: #d35400; font-size: 28px; font-weight: bold;}


/* ======================================================
   cart.php 空購物車
====================================================== */

.empty-cart {padding: 50px 20px; text-align: center;}