/**
 * WooCommerce 區塊（購物車、結帳、付款完成）與會員表單：套用 66 CHEESECAKE 設計稿
 * 區塊由 React 渲染，無法加 Tailwind class，因此以這份 CSS 針對區塊的 class 調整
 * 色票：brand #7C4B3B / dark #40220F / butter 500 #F0C03C、200 #FAE6B4、50 #FDF6E6 / cream #FFFBF4
 */

.huWooFlow {
  --hu-dark: #40220f;
  --hu-brand: #7c4b3b;
  --hu-butter: #f0c03c;
  --hu-butter-200: #fae6b4;
  --hu-butter-50: #fdf6e6;
  --hu-cream: #fffbf4;
}

.huWooFlow .wp-block-woocommerce-cart,
.huWooFlow .wp-block-woocommerce-checkout {
  max-width: 1240px;
  margin: 0 auto;
}

/* 付款完成頁、前往付款頁、購物車（傳統短代碼）是 PHP 樣板（Tailwind class），排除在外，否則這裡的 color 會蓋掉 text-brand-primary 等顏色 */
.huWooFlow,
.huWooFlow *:not(:where(.huThankyou, .huOrderPay, .huCart) *) {
  font-family: "Noto Sans TC", sans-serif;
  color: var(--hu-dark);
}

/* ---------- 版面：左側內容、右側摘要 ---------- */
.huWooFlow .wc-block-components-sidebar-layout {
  gap: 24px;
  flex-wrap: nowrap;
  margin: 0;
}
.huWooFlow .wc-block-components-main {
  padding: 0 !important;
}
.huWooFlow .wc-block-components-sidebar {
  padding: 0 !important;
}
@media (max-width: 921px) {
  .huWooFlow .wc-block-components-sidebar-layout {
    flex-wrap: wrap;
  }
}

/* 白色卡片：購物車商品表、結帳各步驟 */
.huWooFlow .wc-block-cart-items,
.huWooFlow .wc-block-components-checkout-step,
.huWooFlow .wp-block-woocommerce-checkout-order-summary-block {
  background: #fff;
  border-radius: 20px;
}
.huWooFlow .wc-block-cart-items {
  padding: 16px 24px;
  border-collapse: separate;
}
.huWooFlow .wc-block-components-checkout-step {
  padding: 32px 32px 24px !important;
  margin-bottom: 24px !important;
}
.huWooFlow .wc-block-components-checkout-step::after {
  display: none !important;
}
.huWooFlow .wc-block-components-checkout-step__heading {
  margin-bottom: 16px;
}
.huWooFlow .wc-block-components-checkout-step__title,
.huWooFlow .wc-block-components-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
}
.huWooFlow .wc-block-components-checkout-step__description {
  font-size: 12px;
  color: var(--hu-brand);
}

/* 右側摘要：外框卡片（Figma 購物車總計） */
.huWooFlow .wc-block-cart__sidebar,
.huWooFlow .wc-block-checkout__sidebar {
  align-self: flex-start;
  position: sticky;
  top: 118px;
}
.huWooFlow .wc-block-cart__sidebar .wc-block-components-sidebar,
.huWooFlow .wc-block-cart__sidebar > div,
.huWooFlow .wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid var(--hu-dark);
  border-radius: 20px;
  background: #fff;
  padding: 24px;
}
.huWooFlow .wc-block-cart__totals-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  padding: 0 0 12px !important;
}

/* ---------- 文字 ---------- */
.huWooFlow .wc-block-components-product-name {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
}
.huWooFlow .wc-block-components-product-metadata,
.huWooFlow .wc-block-components-product-details {
  font-size: 12px;
  color: var(--hu-brand);
}
.huWooFlow .wc-block-components-totals-item__label {
  font-size: 15px;
  letter-spacing: 1px;
}
.huWooFlow .wc-block-components-totals-item__value,
.huWooFlow .wc-block-components-product-price {
  font-weight: 700;
}
.huWooFlow .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.huWooFlow .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 20px;
  font-weight: 700;
}
.huWooFlow .wc-block-components-totals-wrapper {
  border-color: var(--hu-butter-200) !important;
}
.huWooFlow .wc-block-components-shipping-rates-control__package-title,
.huWooFlow .wc-block-components-totals-shipping__package-title {
  font-weight: 700;
}

/* ---------- 表單元件：膠囊輸入框 ---------- */
.huWooFlow .wc-block-components-text-input input,
.huWooFlow .wc-block-components-textarea,
.huWooFlow .wc-blocks-components-select .wc-blocks-components-select__select,
.huWooFlow .wc-block-components-combobox .components-combobox-control input,
.huWooFlow .wc-block-components-totals-coupon input {
  border: 1px solid var(--hu-butter-400, #f5d06b) !important;
  border-radius: 999px !important;
  background: var(--hu-cream) !important;
  color: var(--hu-dark) !important;
}
.huWooFlow .wc-block-components-textarea {
  border-radius: 20px !important;
}
.huWooFlow .wc-block-components-text-input input:focus,
.huWooFlow .wc-blocks-components-select__select:focus {
  border-color: var(--hu-brand) !important;
  box-shadow: 0 0 0 1px var(--hu-brand) !important;
}
.huWooFlow .wc-block-components-text-input label,
.huWooFlow .wc-blocks-components-select__label {
  padding-left: 12px;
  color: var(--hu-brand);
}
.huWooFlow .wc-block-components-text-input.is-active label,
.huWooFlow .wc-block-components-text-input input:focus + label {
  padding-left: 12px;
}

/* 單選（配送、付款）：淡色膠囊卡片，選中為黃色描邊 */
.huWooFlow .wc-block-components-radio-control__option,
.huWooFlow .wc-block-components-radio-control-accordion-option {
  border-radius: 16px !important;
  box-shadow: none !important;
  border: 1px solid var(--hu-butter-200) !important;
  background: var(--hu-cream);
  margin-bottom: 8px;
}
.huWooFlow .wc-block-components-radio-control__option--checked-option-highlighted,
.huWooFlow .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: var(--hu-butter) !important;
  box-shadow: inset 0 0 0 1px var(--hu-butter) !important;
}
.huWooFlow .wc-block-components-radio-control__input:checked,
.huWooFlow .wc-block-components-checkbox__input:checked {
  background: var(--hu-dark) !important;
  border-color: var(--hu-dark) !important;
}
.huWooFlow .wc-block-checkout__shipping-method-option {
  border-radius: 999px !important;
}
.huWooFlow .wc-block-checkout__shipping-method-option--selected {
  border-color: var(--hu-butter) !important;
  background: var(--hu-butter-50);
}

/* ---------- 數量選擇：圓形加減鈕 ---------- */
.huWooFlow .wc-block-components-quantity-selector {
  border: 0 !important;
  border-radius: 999px;
  background: transparent;
  gap: 8px;
}
.huWooFlow .wc-block-components-quantity-selector::after {
  display: none;
}
.huWooFlow .wc-block-components-quantity-selector__button {
  width: 32px;
  min-width: 32px !important;
  height: 32px;
  border: 1px solid var(--hu-brand) !important;
  border-radius: 999px !important;
  opacity: 1 !important;
}
.huWooFlow .wc-block-components-quantity-selector__input {
  font-weight: 700;
}
.huWooFlow .wc-block-cart-item__remove-link {
  font-size: 12px !important;
  font-weight: 700;
  text-decoration: underline !important;
  color: var(--hu-brand) !important;
}

/* ---------- 按鈕：淺金膠囊（Figma Button Primary） ---------- */
.huWooFlow .wc-block-components-button:not(.is-link),
.huWooFlow .wc-block-cart__submit-button,
.huWooFlow .wc-block-components-checkout-place-order-button {
  min-height: 48px;
  padding: 4px 4px 4px 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--hu-butter-200) !important;
  color: var(--hu-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  box-shadow: none !important;
  transition: background 0.3s;
}
.huWooFlow .wc-block-components-button:not(.is-link):hover {
  background: var(--hu-butter) !important;
}
.huWooFlow .wc-block-components-totals-coupon__button {
  min-height: 40px;
  padding: 8px 16px !important;
  background: var(--hu-brand) !important;
  color: var(--hu-cream) !important;
}
.huWooFlow .wc-block-components-totals-coupon__button * {
  color: var(--hu-cream) !important;
}
.huWooFlow .wc-block-components-checkout-return-to-cart-button {
  color: var(--hu-brand) !important;
  font-weight: 700;
}

/* ---------- 提示 ---------- */
.huWooFlow .wc-block-components-notice-banner {
  border-radius: 16px;
  font-size: 14px;
}

/* ---------- 購物金折抵框（hu-66cheesecake 外掛）---------- */
.huWooFlow .hu66-credit {
  margin: 0 0 16px;
  border-radius: 16px;
  background: var(--hu-butter-50);
}

/* ---------- 付款完成：改用 woocommerce/checkout/thankyou.php（Tailwind），這裡不再需要樣式 ---------- */

/* =========================================================
 * 會員中心（傳統 WooCommerce 表單／表格）：.huAccount
 * ======================================================= */
.huAccount .woocommerce-MyAccount-content > :is(form, table, .woocommerce-Addresses, .woocommerce-order-details, .woocommerce-customer-details, p, .woocommerce-Message) {
  font-family: "Noto Sans TC", sans-serif;
}
.huAccount .woocommerce-orders-table,
.huAccount .woocommerce-table--order-details,
.huAccount .woocommerce-Addresses,
.huAccount .woocommerce-EditAccountForm,
.huAccount form.woocommerce-address-fields,
.huAccount .woocommerce-address-fields,
.huAccount .woocommerce-customer-details {
  padding: 32px;
  border-radius: 20px;
  background: #fff;
}
/* 未登入（登入／註冊／忘記密碼）：錯誤訊息與卡片同寬（WooCommerce 把通知印在 .woocommerce 最上方） */
.huAccountGuest .woocommerce > .woocommerce-notices-wrapper:not(:empty) {
  max-width: 824px;
  margin: 0 auto 24px;
}
.huAccount table {
  width: 100%;
  border-collapse: collapse;
}
.huAccount th,
.huAccount td {
  padding: 16px 8px;
  border-bottom: 1px solid #fae6b4;
  text-align: left;
  font-size: 15px;
  letter-spacing: 1px;
  color: #40220f;
}
.huAccount thead th {
  font-size: 12px;
  font-weight: 400;
  color: #7c4b3b;
}
.huAccount mark {
  background: transparent;
  font-weight: 700;
  color: #40220f;
}
.huAccount label,
.huAccountGuest label {
  display: block;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  color: #40220f;
}
.huAccount input.input-text,
.huAccount select,
.huAccount textarea,
.huAccountGuest input.input-text {
  width: 100%;
  padding: 12px 24px;
  border: 1px solid #fae6b4;
  border-radius: 999px;
  background: #fffbf4;
  font-size: 15px;
  letter-spacing: 1.5px;
  color: #40220f;
}
.huAccount input.input-text:focus,
.huAccount select:focus,
.huAccountGuest input.input-text:focus {
  outline: none;
  border-color: #7c4b3b;
}
.huAccount .form-row,
.huAccountGuest .form-row {
  margin-bottom: 20px;
}
.huAccount fieldset {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #fae6b4;
}
.huAccount legend {
  font-size: 20px;
  font-weight: 700;
  color: #40220f;
}
.huAccount .button,
.huAccount button[type="submit"],
.huAccountGuest .button,
.huAccountGuest button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background: #7c4b3b;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fffbf4;
  transition: background 0.3s;
}
.huAccount .button:hover,
.huAccountGuest .button:hover {
  background: #40220f;
}
.huAccount .woocommerce-orders-table .button {
  padding: 6px 16px;
  background: #fae6b4;
  color: #40220f;
}
.huAccount .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
.huAccount .woocommerce-Address {
  padding: 24px;
  border-radius: 16px;
  background: #fdf6e6;
}
.huAccount .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}
.huAccount .woocommerce-Address-title h2 {
  font-size: 20px;
  font-weight: 700;
}
.huAccount .woocommerce-Address-title a {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  color: #7c4b3b;
}
.huAccount address {
  font-style: normal;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 1.5px;
}
.huAccount .woocommerce-message,
.huAccount .woocommerce-info,
.huAccount .woocommerce-error,
.huAccountGuest .woocommerce-message,
.huAccountGuest .woocommerce-error,
.huAccountGuest .woocommerce-info {
  margin-bottom: 24px;
  padding: 16px 24px;
  border-radius: 16px;
  background: #fdf6e6;
  font-size: 14px;
  list-style: none;
}
.huAccount .woocommerce-error,
.huAccountGuest .woocommerce-error {
  background: #fdecea;
  color: #b3261e;
}
.huAccount h2,
.huAccount h3 {
  font-weight: 700;
  color: #40220f;
}

/* 手機：購物車商品表不超出畫面 */
.huWooFlow .wc-block-cart-items {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  /* 表格不吃 box-sizing，手機改由儲存格留白，避免撐出畫面 */
  .huWooFlow .wc-block-cart-items {
    padding: 0;
  }
  .huWooFlow .wc-block-cart-items td,
  .huWooFlow .wc-block-cart-items th {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .huWooFlow .wc-block-components-checkout-step {
    padding: 20px 16px 16px !important;
  }
}
@media (max-width: 480px) {
  /* 小螢幕：縮小商品圖與數量鈕，表格仍超出時可在卡片內左右滑動 */
  .huWooFlow .wc-block-cart-items {
    display: block;
    overflow-x: auto;
  }
  .huWooFlow .wc-block-cart-item__image {
    width: 56px;
  }
  .huWooFlow .wc-block-components-quantity-selector {
    gap: 2px;
  }
  .huWooFlow .wc-block-components-quantity-selector__button {
    width: 28px;
    min-width: 28px !important;
    height: 28px;
  }
  .huWooFlow .wc-block-components-quantity-selector__input {
    width: 32px !important;
    min-width: 32px !important;
  }
}

/* 會員中心訂單內頁：黑貓配送進度（hu-66cheesecake 外掛輸出） */
.huAccount .hu66-shipments {
  margin-top: 24px;
  padding: 32px;
  border-radius: 20px;
  background: #fff;
}
.huAccount .hu66-shipments h2 {
  padding-bottom: 12px;
  font-size: 20px;
}
.huAccount .hu66-shipments li {
  padding: 12px 0;
  border-bottom: 1px solid #fae6b4;
  font-size: 15px;
  letter-spacing: 1px;
  list-style: none;
}
.huAccount .hu66-shipments a {
  font-weight: 700;
  text-decoration: underline;
  color: #7c4b3b;
}

/* ---------- 商店／商品頁通知（加入購物車成功、錯誤、提示）----------
 * WooCommerce 傳統通知（woocommerce_output_all_notices）沒有 class 可加，改以 CSS 套設計稿：
 * 奶油黃膠囊條＋左側圖示＋右側「查看購物車」膠囊按鈕（同商品頁「加入購物車」按鈕樣式）
 * 會員中心另有 .huAccount 的通知樣式，這裡只針對 main 直接包的通知區，避免互相影響 */
.site-main > .woocommerce-notices-wrapper:empty {
  display: none;
}
.site-main > .woocommerce-notices-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 24px;
}
.site-main > .woocommerce-notices-wrapper .woocommerce-message,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-message,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-message,
.site-main > .woocommerce-notices-wrapper .woocommerce-info,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-info,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-info,
.site-main > .woocommerce-notices-wrapper .woocommerce-error li,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-error li,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-error li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 10px 10px 10px 20px;
  min-height: 56px;
  border: 1px solid #f0c03c;
  border-radius: 999px;
  background: #fdf6e6;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 1.5px;
  color: #40220f;
  outline: none;
}
.site-main > .woocommerce-notices-wrapper .woocommerce-error,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-error,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-error {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 左側圖示：成功＝勾、提示＝i、錯誤＝!（以 mask 上色，顏色跟隨 background-color） */
.site-main > .woocommerce-notices-wrapper .woocommerce-message::before,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-message::before,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-message::before,
.site-main > .woocommerce-notices-wrapper .woocommerce-info::before,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-info::before,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-info::before,
.site-main > .woocommerce-notices-wrapper .woocommerce-error li::before,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-error li::before,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-error li::before {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  background-color: #7c4b3b;
  -webkit-mask: var(--hu-notice-icon) center / contain no-repeat;
  mask: var(--hu-notice-icon) center / contain no-repeat;
}
.site-main > .woocommerce-notices-wrapper .woocommerce-message,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-message,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-message {
  --hu-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4.2-4.2 1.4-1.4 2.8 2.8 5.6-5.6 1.4 1.4-7 7Z'/%3E%3C/svg%3E");
}
.site-main > .woocommerce-notices-wrapper .woocommerce-info,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-info,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-info {
  --hu-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E");
}
.site-main > .woocommerce-notices-wrapper .woocommerce-error li,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-error li,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-error li {
  --hu-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E");
  border-color: #e8a29b;
  background: #fdecea;
  color: #b3261e;
}
.site-main > .woocommerce-notices-wrapper .woocommerce-error li::before,
.huWooFlow .woocommerce-notices-wrapper .woocommerce-error li::before,
.huWooFlow .woocommerce-NoticeGroup .woocommerce-error li::before {
  background-color: #b3261e;
}
/* 「查看購物車」等按鈕：推到右側，奶油黃膠囊 */
.site-main > .woocommerce-notices-wrapper .button,
.huWooFlow .woocommerce-notices-wrapper .button,
.huWooFlow .woocommerce-NoticeGroup .button {
  order: 2;
  flex: none;
  margin-left: auto;
  padding: 6px 20px;
  border-radius: 999px;
  background: #fae6b4;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #40220f;
  text-decoration: none;
  transition: background-color 0.3s;
}
.site-main > .woocommerce-notices-wrapper .button:hover,
.huWooFlow .woocommerce-notices-wrapper .button:hover,
.huWooFlow .woocommerce-NoticeGroup .button:hover {
  background: #f0c03c;
}
/* 通知文字裡的一般連結（例如錯誤訊息中的連結） */
.site-main > .woocommerce-notices-wrapper a:not(.button),
.huWooFlow .woocommerce-notices-wrapper a:not(.button),
.huWooFlow .woocommerce-NoticeGroup a:not(.button) {
  color: #7c4b3b;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .site-main > .woocommerce-notices-wrapper {
    padding: 12px 16px;
  }
  .site-main > .woocommerce-notices-wrapper .woocommerce-message,
  .huWooFlow .woocommerce-notices-wrapper .woocommerce-message,
  .huWooFlow .woocommerce-NoticeGroup .woocommerce-message,
  .site-main > .woocommerce-notices-wrapper .woocommerce-info,
  .huWooFlow .woocommerce-notices-wrapper .woocommerce-info,
  .huWooFlow .woocommerce-NoticeGroup .woocommerce-info,
  .site-main > .woocommerce-notices-wrapper .woocommerce-error li,
  .huWooFlow .woocommerce-notices-wrapper .woocommerce-error li,
  .huWooFlow .woocommerce-NoticeGroup .woocommerce-error li {
    /* 改用 grid：圖示與文字同列，按鈕換到下一列滿版（flex-wrap 會讓整段文字被擠到圖示下方） */
    display: grid;
    grid-template-columns: 24px 1fr;
    column-gap: 10px;
    row-gap: 10px;
    padding: 12px 16px;
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .site-main > .woocommerce-notices-wrapper .button,
  .huWooFlow .woocommerce-notices-wrapper .button,
  .huWooFlow .woocommerce-NoticeGroup .button {
    grid-column: 1 / -1;
    margin-left: 0;
    text-align: center;
  }
}

/* 會員登入／註冊卡片的社群鈕（Figma 會員/社群鈕：高 48、padding 12/16、文字 CTA-L 15px）：蓋過外掛預設 */
.huLogin .hu66-social {
  gap: 12px;
}
.huLogin .hu66-social__btn {
  height: 48px;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.huLogin .hu66-social__btn svg {
  margin: 2px; /* 16px 圖示置於 20px 圖示框內 */
}

/* ---------- 結帳頁（傳統短代碼結帳）通知：沿用上方商店通知樣式 ----------
 * .woocommerce-notices-wrapper：頁面載入時的通知（例：已加入購物車）
 * .woocommerce-NoticeGroup：送出訂單後 WooCommerce 以 AJAX 插在表單最上方的驗證錯誤 */
.huWooFlow .woocommerce-notices-wrapper:empty {
  display: none;
}
.huWooFlow .woocommerce-notices-wrapper,
.huWooFlow .woocommerce-NoticeGroup {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 1248px;
  margin: 0 auto 24px;
}


/* 購物車總計｜優惠券錯誤訊息（WooCommerce cart.js 插入 .coupon 底下的 p.coupon-error-notice），字級對齊卡片內說明小字 */
.coupon .coupon-error-notice {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #b3261e; /* 與 woo.css 其他 WooCommerce 錯誤通知同色 */
}