/*====== 購物車版面框架手機大小 ====== */

@media (max-width: 576px) {
  .shopping-cart-container.container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 2rem !important;
  }
}

/*====== 購物車內容物手機大小 ====== */

@media (max-width: 576px) {
  .shopping-cart-container .card {
    padding: 0.75rem;
  }

  /*商品圖片*/
  .shopping-cart-container .card img {
    width: 80px;
    height: 80px;
  }

  .shopping-cart-container .cart-product-info {
    flex: 1 1 auto; /* 讓名稱與單價區塊彈性撐開 */
    min-width: 0; /* 防止名稱撐破 */
  }

  /*商品名稱*/
  .shopping-cart-container .product-name {
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 名稱過長時省略 */
  }

  /*商品單價*/
  .shopping-cart-container .text-muted {
    font-size: 0.875rem;
  }

  .shopping-cart-container .cart-qty-wrapper {
    flex-shrink: 0; /* 不讓 +- 區塊被壓縮 */
  }

  /*+-按鈕*/
  .shopping-cart-container button.btn-minus,
  .shopping-cart-container button.btn-plus {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }

  .shopping-cart-container .qty-number {
    font-size: 0.9rem;
  }

  .shopping-cart-container h5 {
    font-size: 1rem;
  }

  .shopping-cart-container #total-count,
  .shopping-cart-container #total-price {
    font-size: 0.95rem;
  }

  .shopping-cart-container #clear-cart,
  .shopping-cart-container #backtoStore,
  .shopping-cart-container #gotoCheck {
    padding: 0.5rem 0.8rem;
    font-size: 0.9rem;
  }

  .shopping-cart-container strong {
    font-size: 1rem;
  }

  .shopping-cart-container .remove-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
}

/*前往結帳按鈕 */
.btn-bright-red {
  background-color: #e53935;
  border-color: #e53935;
  color: #fff;
}
.btn-bright-red:hover {
  background-color: #c62828;
  border-color: #c62828;
  color: #fff;
}

.product-info {
  flex: 1;
}
.product-name {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
}
.product-info p {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* 加減按鈕 hover 狀態樣式 */
.btn-outline-secondary.btn-sm:hover {
  background-color: var(--gray-600);
  color: #fff;
  border-color: var(--gray-900);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/*購物車內容icon*/
.bi-trash {
  color: var(--text-body);
}

/*====== 768px 以下（平板） ====== */
@media (max-width: 768px) {
  .product-info {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .product-info {
    text-align: center;
    margin-top: 1rem;
  }
}