/* =============================================================================
 * 勝美市集 自訂 CSS（Simple Custom CSS）— 2026-10-16 精簡版
 * 保留 11 條實測有效或結帳頁相關的規則；已移除 11 條無作用規則：
 *   12 .page .post-thumb img / 16 .added_to_cart / 18 icon-box mobile flex /
 *   20 elementor-3374 img overflow / 23a+23b header 1508 50% / 24 elementor-7840 width /
 *   25 ≤544px li.product margin-top / 26 .price flex / 27 elementor-1646 thumb margin /
 *   28 .ast-onsale-card（與折扣標籤 snippet 重複）
 * ========================================================================== */

/* =============================================================================
 * 1) 商店 / 商品分類頁：解除 Astra「封存頁內容寬度 1000px」的限制
 * - 讓 Elementor 商品彙整模板第一次繪製就是全寬，不用等 Stretch Section 的 JS
 * ========================================================================== */
@media (min-width: 922px) {
  .woocommerce.archive .site-content > .ast-container {
    max-width: 100%;
    padding: 0;
  }
}

/* =============================================================================
 * 3) 結帳 / 購物車表格：隱藏 td 裡的 small（稅率等小字）
 * ========================================================================== */
.woocommerce-js table.shop_table td small {
  display: none;
}

/* =============================================================================
 * 4) 結帳頁：訂單明細表（#checkout-cart-content）
 * - 隱藏每個 cart_item 後面緊接、且不是 cart_item 的那一列
 * ========================================================================== */
#checkout-cart-content table.shop_table
tr.woocommerce-cart-form__cart-item + tr:not(.woocommerce-cart-form__cart-item) {
  display: none !important;
}

/* =============================================================================
 * 8) 結帳頁：表單欄位錯誤訊息（自訂 .checkout-inline-error-message）
 * - 錯誤訊息 absolute 貼在欄位下方，避免版面忽上忽下
 * ========================================================================== */
.woocommerce-checkout .form-row {
  position: relative;
  margin-bottom: 24px;
}

.woocommerce-checkout .checkout-inline-error-message {
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  width: 100%;
  font-size: 12px;
  line-height: 1.3;
  color: #d63637;
  padding-left: 2px;
  margin: 0;
  pointer-events: none;
  word-break: break-word;
  white-space: normal;
  z-index: 2;
}

/* 平板 / 桌機：半寬欄位的錯誤訊息不跨到旁邊欄位 */
@media (min-width: 768px) {
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    padding-right: 12px;
  }
}

/* =============================================================================
 * 13) WooCommerce：隱藏綠色提示條（例如「已加入購物車」）
 * - 全站只有這條在藏它，不可移除
 * ========================================================================== */
.woocommerce-message {
  display: none;
}

/* =============================================================================
 * 17) 文章單頁：隱藏 Astra 上一篇 / 下一篇導覽
 * ========================================================================== */
.ast-separate-container .post-navigation {
  display: none;
}

/* =============================================================================
 * 19) Elementor Text Editor 文字顏色
 * - 首頁被 Elementor 自身設定蓋過；食材科普、人物專訪等單篇文章有效
 * ========================================================================== */
.elementor-widget-text-editor {
  color: #00324B;
}

/* =============================================================================
 * 21) Elementor widget 內的 ul 左邊距（Astra 預設 3em → 5%）
 * - 商品描述、文章內容裡的條列會用到，不可移除
 * ========================================================================== */
.elementor-widget-container ul {
  margin-left: 5%;
}

/* =============================================================================
 * 22) 登入 / 註冊表單：input padding（Astra 預設 9px 2px → 10px）
 * ========================================================================== */
.woocommerce form .form-row input.input-text {
  padding: 10px;
}