.container {
  max-width: 1140px; /* 最佳體驗通常落在 960 ~ 1140px 間*/
}

.cart-count-badge {
  font-size: 1rem;
  padding: 0.6em 0.8em;
}

.form-check {
  display: flex;
  align-items: center; /* 垂直置中 input 與 label */
  gap: 0.5rem; /* 保留 label 與 radio 間的間距 */
}

.form-check-label {
  margin-bottom: 0;
}

.cold-section,
.normal-section {
  padding-left: 1.75rem;
  display: none;
}

/* 統一配送方式的選項間距與對齊 */
.delivery-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

/*只影響第一個 .delivery-option*/
.delivery-option:first-child {
  margin-top: 0;
}

/* 美化欄位區塊並縮排 */
.delivery-fields {
  padding-left: 2rem;
  margin-top: 0.5rem;
}

/* 讓 radio 不擠太上 */
.delivery-option input[type="radio"] {
  margin-top: 2px;
}

/* .is-valid 的折扣碼輸入框邊框顏色 */
.form-control.is-valid {
  border-color: var(--bs-gray-500);
  color: var(--gray-1000); /*折扣碼文字顏色*/
}

/* 點選折扣碼後輸入框邊框顏色與shadow */
.form-control.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 207, 207, 0.25); /* 對應 box-shadow 顏色 */
  border-color: var(--bs-gray-500);
}

/* 勾勾圖示的 SVG 顏色 */
.form-control.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E"); /*check icon圖樣與顏色*/
}

/*點選輸入框與下拉式選單出現的border與shadow*/
.form-control:focus,
.form-select:focus {
  border-color: var(--gray-600);
  box-shadow: 0 0 0 0.25rem rgba(198, 198, 198, 0.25);
}

/*修改 radio 按鈕被選取時的顏色*/
.form-check-input:checked {
  background-color: var(--bs-gray-700); /* 填滿圓圈的顏色 */
  border-color: var(--bs-gray-700); /* 外圈邊框顏色 */
}

.list-inline li,
.copyright {
  list-style-type: none;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--gray-700);
  letter-spacing: 0.3px;
}

.system-maintenance p {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 0.85rem;
  font-weight: 100;
  color: var(--gray-600);
  letter-spacing: 0.3px;
  margin-bottom: 0;
}

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

  h4,
  h5 {
    font-size: 1rem;
  }

  /*你的購物車手機版字縮小*/
  .urshoping-cart {
    font-size: 1rem;
  }

  /*手機版縮小 badge*/
  .cart-count-badge {
    font-size: 0.875rem;
    padding: 0.5em 0.7em;
  }

  /* 表單欄位文字縮小 */
  .form-label {
    font-size: 0.875rem;
  }

  .form-control,
  .form-select {
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
  }

  .form-check-label-udm {
    font-size: 0.9rem;
  }

  /* 優惠碼按鈕與輸入框 */
  #promo-code {
    font-size: 0.875rem;
  }

  #promo-form .btn {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
  }

  /* 結帳按鈕縮小 */
  .btn-lg {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }

  /* 購物車列表內文字與價格縮小 */
  .list-group-item h6 {
    font-size: 0.9rem;
  }

  .list-group-item small,
  .list-group-item span {
    font-size: 0.8rem;
  }

  .list-group-item strong {
    font-size: 1rem;
  }

  /* 優惠碼總金額列縮小 */
  .list-group-item.bg-white h6 {
    font-size: 0.9rem;
  }

  .list-group-item.bg-white small,
  .list-group-item.bg-white span {
    font-size: 0.8rem;
  }

  /*手機版每個 <li> 垂直堆疊且置中*/
  footer ul.list-inline {
    padding-left: 0;
    margin: 0 auto; /* 確保整體置中 */
  }

  footer ul.list-inline li {
    display: block;
    text-align: center;
    margin-bottom: 0.25rem; /* 縮小間距，更緊湊 */
    line-height: 1.4; /* 提升可讀性，行高適中 */
  }

  footer ul.list-inline li:last-child {
    margin-bottom: 0;
  }

  footer p.copyright {
    text-align: center;
    margin-bottom: 0.5rem; /* 和 ul 間距更舒服 */
    line-height: 4;
  }

  /* Footer 文字縮小 */
  footer.text-small p,
  footer.text-small li {
    font-size: 0.75rem;
  }

  .system-maintenance p {
    font-size: 0.75rem;
  }
}