/* =========================================================================
   AFTERGLOW OFFICIAL · WooCommerce 全面样式覆盖
   涵盖：Shop 列表、Single 单品、Cart、Checkout、My Account
   ========================================================================= */

/* —— 全局 WC 容器（去掉 Astra 默认面包屑/侧栏的边距等） —— */
.woocommerce-page #content,
.woocommerce #content,
body.archive .ast-container,
body.single-product .ast-container {
  max-width: 1480px;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 768px) {
  .woocommerce-page #content,
  .woocommerce #content,
  body.archive .ast-container,
  body.single-product .ast-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* —— 隐藏 Astra 默认的页面 banner —— */
.ast-archive-description,
body.woocommerce-page .ast-archive-description {
  display: none;
}


/* =========================================================================
   01 · Shop / Category 页
   ========================================================================= */

/* 面包屑 */
.woocommerce-breadcrumb {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ms-ink-muted);
  margin: 32px 0 16px;
}
.woocommerce-breadcrumb a {
  color: var(--ms-ink-muted);
  text-decoration: none;
  transition: color .2s;
}
.woocommerce-breadcrumb a:hover { color: var(--ms-ink); }

/* 页面标题 */
.woocommerce-products-header__title,
.page-title,
body.archive .entry-title,
body.archive h1.page-title {
  font-family: 'Anton', 'Bebas Neue', sans-serif;
  font-size: clamp(48px, 8vw, 96px);
  letter-spacing: -.02em;
  line-height: .95;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 24px;
  color: var(--ms-ink);
}

/* "Showing X-Y of Z results" + sort 行 */
.woocommerce-result-count {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--ms-ink-muted);
  margin: 0;
}
.woocommerce-ordering {
  margin: 0;
}
.woocommerce-ordering select {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ms-line-strong);
  border-radius: 0;
  padding: 8px 24px 8px 0;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ms-ink);
  cursor: pointer;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  margin-bottom: 32px;
}

/* 产品 grid */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px;
  margin: 0 0 64px !important;
  padding: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px;
  }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  list-style: none;
}
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
  display: none;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination {
  margin: 32px 0 96px;
  text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
  border: 0 !important;
  display: inline-flex;
  gap: 8px;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0 !important;
  margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-family: 'DM Mono', monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ms-line-strong) !important;
  color: var(--ms-ink) !important;
  background: transparent !important;
  transition: all .2s var(--ms-ease);
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: var(--ms-ink) !important;
  background: var(--ms-ink) !important;
  color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--ms-ink) !important;
  color: #fff !important;
  border-color: var(--ms-ink) !important;
}


/* =========================================================================
   02 · Single Product 页
   PDP 完全在 woocommerce-single.css 里用 .ms-pdp__* 命名空间重做了，
   旧的 default-WC-layout 样式（针对 .summary / .woocommerce-product-gallery
   / .related.products 等）已经全部移除——它们在我们覆盖模板下不会出现，
   留着只会因为 .single-product div.product 命中我们的 .ms-pdp.product 容器
   而 hijack 自定义 grid 布局。
   ========================================================================= */


/* =========================================================================
   03 · Cart + Checkout 页（WC Blocks 版，使用 wc-block-* class）
   样式定义全部移到 06 段，这里仅占位说明。
   旧 shortcode CSS（.woocommerce-cart-form / form.checkout 等）已整段删除——
   新版 WC 默认用 Gutenberg blocks，老 selector 不命中，留着是死代码。
   ========================================================================= */
/* =========================================================================
   05 · 通用消息（购物车成功提示等）
   ========================================================================= */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: var(--ms-bg-soft) !important;
  border: 1px solid var(--ms-line-strong) !important;
  border-left: 4px solid var(--ms-ink) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before { display: none !important; }


/* =========================================================================
   06 · WooCommerce Blocks — Cart + Checkout
   完全用 wc-block-* class 命名（新版 WC 默认）
   品牌一致性：Archivo Narrow 标题 / Inter 正文 / DM Mono 价格
                白底黑边按钮（PDP 同款）/ hover 翻黑
   ========================================================================= */

/* —— Cart 页 / Checkout 页公用：标题 —— */
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-cart h1.page-title,
body.woocommerce-checkout h1.page-title,
body.woocommerce-cart .ast-archive-title,
body.woocommerce-checkout .ast-archive-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 600;
  letter-spacing: -.005em;
  line-height: 1.04;
  text-transform: uppercase;
  margin: 24px 0 32px;
  color: var(--ms-ink);
}

/* =========================================================================
   Cart Block — 商品列表 + 侧栏
   ========================================================================= */

/* —— 表头 "Product / Total" —— */
.wc-block-cart-items__header {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ms-ink-muted);
  border-bottom: 1px solid var(--ms-line) !important;
  padding-bottom: 12px !important;
}

/* —— 商品行 —— */
table.wc-block-cart-items {
  border: 0 !important;
  width: 100% !important;
  border-collapse: collapse;
}
.wc-block-cart-items__row {
  border-bottom: 1px solid var(--ms-line) !important;
}
.wc-block-cart-item__product {
  padding: 20px 12px !important;
}
.wc-block-cart-item__image img {
  border-radius: 6px !important;
  max-width: 80px !important;
  border: 1px solid var(--ms-line);
}
.wc-block-cart-item__product-name,
.wc-block-cart-item__product-name a {
  font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: var(--ms-ink) !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
.wc-block-cart-item__product-name a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
.wc-block-cart-item__product-metadata,
.wc-block-cart-item__product-metadata * {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ms-ink-muted) !important;
  margin-top: 6px !important;
}
.wc-block-cart-item__prices,
.wc-block-cart-item__total-price-and-sale-badge-wrapper,
.wc-block-cart-item__total-price-and-sale-badge-wrapper * {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  color: var(--ms-ink) !important;
}

/* —— Remove 链接 —— */
.wc-block-cart-item__remove-link {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ms-ink-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  margin-top: 8px !important;
}
.wc-block-cart-item__remove-link:hover {
  color: var(--ms-danger, #d63638) !important;
}

/* —— 数量选择器（圆角 12px，跟 PDP qty 同款） —— */
.wc-block-components-quantity-selector {
  border: 1px solid var(--ms-line-strong) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  background: #fff !important;
}
.wc-block-components-quantity-selector__input {
  border: 0 !important;
  background: transparent !important;
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  text-align: center !important;
  width: 40px !important;
  font-size: 13px !important;
  color: var(--ms-ink) !important;
}
.wc-block-components-quantity-selector__button {
  background: transparent !important;
  border: 0 !important;
  width: 32px !important;
  height: 100% !important;
  font-size: 16px !important;
  color: var(--ms-ink-muted) !important;
  cursor: pointer !important;
  transition: background .2s ease, color .2s ease !important;
}
.wc-block-components-quantity-selector__button:hover {
  background: var(--ms-bg-soft) !important;
  color: var(--ms-ink) !important;
}

/* =========================================================================
   Cart 侧栏（Totals + 按钮）
   ========================================================================= */
.wp-block-woocommerce-cart .wc-block-cart__sidebar {
  background: var(--ms-bg-soft) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  border: 0 !important;
}

/* —— "Cart totals" 这行小标题 —— */
.wc-block-cart__totals-title,
.wc-block-checkout__totals-title {
  font-family: 'Archivo Narrow', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: var(--ms-ink) !important;
  margin: 0 0 16px !important;
  position: relative;
  padding-bottom: 12px;
}
.wc-block-cart__totals-title::after,
.wc-block-checkout__totals-title::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 48px;
  height: 2px;
  background: var(--ms-grad-holo-bright);
  background-size: 200% 100%;
  animation: ms-shimmer 5s linear infinite;
  border-radius: 2px;
}

/* —— 总额行（Subtotal / Shipping / Discount） —— */
.wc-block-components-totals-wrapper {
  border-bottom: 1px solid var(--ms-line) !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
.wc-block-components-totals-wrapper:last-child {
  border-bottom: 0 !important;
}
.wc-block-components-totals-item__label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ms-ink) !important;
}
.wc-block-components-totals-item__value,
.wc-block-formatted-money-amount {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  color: var(--ms-ink) !important;
}
.wc-block-components-totals-item__description {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--ms-ink-muted) !important;
}

/* —— Total 那行更突出 —— */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-family: 'Archivo Narrow', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
  font-family: 'DM Mono', monospace !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ms-ink) !important;
}

/* —— Coupon / 折叠面板按钮 —— */
.wc-block-components-totals-coupon button,
.wc-block-components-panel__button {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ms-ink) !important;
}

/* =========================================================================
   通用按钮 — Proceed to Checkout / Place Order
   品牌一致：白底黑边 outline → hover 翻黑（跟 PDP ADD TO CART 同款）
   ========================================================================= */
html body .wc-block-cart__submit-button,
html body .wc-block-components-checkout-place-order-button,
html body .wc-block-components-button.contained,
html body .wp-block-button__link,
html body .wc-block-cart-totals .wp-block-button__link,
html body .woocommerce-message a.button,
html body .wc-block-components-notice-banner a.button {
  background: #fff !important;
  color: #000 !important;
  border: 1.5px solid #000 !important;
  border-radius: 12px !important;
  padding: 16px 28px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background .25s ease, color .25s ease !important;
  text-decoration: none !important;
  height: auto !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
html body .wc-block-cart__submit-button:hover,
html body .wc-block-components-checkout-place-order-button:hover,
html body .wc-block-components-button.contained:hover,
html body .wp-block-button__link:hover,
html body .wc-block-cart-totals .wp-block-button__link:hover,
html body .woocommerce-message a.button:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* "View Cart" 类小按钮（成功提示里的） */
html body .woocommerce-message a.button {
  width: auto !important;
  padding: 10px 20px !important;
  font-size: 11px !important;
}

/* =========================================================================
   Checkout Block — 表单 + 步骤
   ========================================================================= */

/* —— 步骤标题（Contact info / Shipping address / Payment 等）——
   WC Blocks 不同版本用不同 tag/class，全部命中 */
.wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-checkout .wc-block-components-title,
.wp-block-woocommerce-checkout-contact-information-block h2,
.wp-block-woocommerce-checkout-shipping-address-block h2,
.wp-block-woocommerce-checkout-billing-address-block h2,
.wp-block-woocommerce-checkout-shipping-method-block h2,
.wp-block-woocommerce-checkout-payment-block h2,
.wp-block-woocommerce-checkout-order-note-block h2,
.wp-block-woocommerce-checkout-actions-block h2,
.wc-block-checkout-step__title,
.wc-block-checkout-step h2,
.wc-block-components-checkout-step__title {
  font-family: 'Archivo Narrow', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  color: var(--ms-ink) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.wc-block-checkout-step__heading-content {
  display: none !important;
}

/* —— Step 容器内部 padding 统一，让标题跟 input 左边对齐 —— */
.wc-block-checkout-step,
.wc-block-checkout-step__container,
.wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout-payment-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wc-block-checkout-step__container {
  padding: 28px 0 !important;
  border-top: 1px solid var(--ms-line) !important;
}
.wc-block-checkout-step:first-of-type .wc-block-checkout-step__container,
.wp-block-woocommerce-checkout-contact-information-block .wc-block-checkout-step__container {
  border-top: 0 !important;
  padding-top: 8px !important;
}

/* =========================================================================
   强制展开 Apartment / Suite (Address Line 2) 字段，不要藏在 toggle 里
   ========================================================================= */
.wc-block-components-address-form input[id*="address_2"],
.wc-block-components-address-form input[name*="address_2"],
.wc-block-components-address-form .wc-block-components-text-input:has(input[id*="address_2"]) {
  display: block !important;
}
/* 隐藏 "+ Add apartment, suite, etc." toggle 按钮 */
.wc-block-components-address-form button[aria-controls*="address_2"],
.wc-block-components-address-form button[aria-expanded][aria-controls*="address"],
.wc-block-components-address-form .wc-block-components-button.wc-block-components-address-form__address_2-toggle,
button.wc-block-components-button[class*="address_2"] {
  display: none !important;
}

/* =========================================================================
   表单字段 — 统一 input / select / combobox / textarea
   重点：Country/Region 用的是 combobox（searchable dropdown），class 不同
   ========================================================================= */

/* —— 所有字段容器：统一字体（防 Astra/插件覆盖） —— */
.wp-block-woocommerce-checkout *,
.wc-block-components-form * {
  font-family: 'Inter', sans-serif;
}

/* —— input / select / textarea / combobox 输入框本体 ——
   关键：padding 不对称（top 22px / bottom 8px），给浮起的 label 腾出独立顶部空间。
   预填字段（Email / Country/Region / State 等）激活态 label 浮到 top:0，
   如果 padding 上下对称会跟 value 重叠。
   不动 transform / position，遵循 CLAUDE.md #11 不跟 React 布局机制对抗。 */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-combobox input,
.wc-block-components-combobox-control input,
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="tel"],
.wp-block-woocommerce-checkout input[type="number"],
.wp-block-woocommerce-checkout select {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--ms-ink) !important;
  border: 1px solid var(--ms-line-strong) !important;
  border-radius: 8px !important;
  padding: 22px 16px 8px !important;
  background: #fff !important;
  height: auto !important;
  min-height: 56px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  box-shadow: none !important;
}

/* —— textarea 单独：保持上下对称 padding，多行内容不需要给 label 让位 —— */
.wp-block-woocommerce-checkout textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--ms-ink) !important;
  border: 1px solid var(--ms-line-strong) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  background: #fff !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  box-shadow: none !important;
}

/* —— focus 态：黑色 1.5px ring（同 PDP add-to-cart） —— */
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-components-combobox input:focus,
.wc-block-components-combobox-control input:focus,
.wp-block-woocommerce-checkout input:focus,
.wp-block-woocommerce-checkout select:focus,
.wp-block-woocommerce-checkout textarea:focus {
  border-color: var(--ms-ink) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
}

/* —— Label 字体（保留 WC Blocks 原生 floating label 行为，只换字体颜色）
   不强制 position / display / order — 让 WC 自己的浮标签机制运行 —— */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-combobox label,
.wc-block-components-combobox-control label,
.wp-block-woocommerce-checkout .components-base-control__label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--ms-ink-muted) !important;
  letter-spacing: .01em !important;
}

/* —— Radio / Checkbox：仅改字体和颜色，不动 layout —— */
.wc-block-components-radio-control__option label,
.wc-block-components-radio-control__label,
.wc-block-components-checkbox__label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: var(--ms-ink) !important;
}
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-label {
  font-family: 'DM Mono', monospace !important;
  font-size: 13px !important;
  color: var(--ms-ink) !important;
}

/* —— Combobox 下拉箭头 —— */
.wc-block-components-combobox-control::after,
.wc-block-components-select::after {
  color: var(--ms-ink-muted);
}

/* —— Validation error 文字 —— */
.wc-block-components-validation-error {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: var(--ms-danger, #d63638) !important;
  margin-top: 6px !important;
}

/* —— Checkout 订单摘要侧栏（右侧） —— */
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout-totals-block {
  background: var(--ms-bg-soft) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  border: 0 !important;
}

/* —— 订单摘要里的 mini cart items —— */
.wc-block-components-order-summary .wc-block-components-order-summary-item__description,
.wc-block-components-order-summary .wc-block-components-product-name {
  font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: var(--ms-ink) !important;
  letter-spacing: .01em !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity,
.wc-block-components-order-summary .wc-block-components-product-metadata,
.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  color: var(--ms-ink-muted) !important;
}

/* —— Express payment buttons (Apple Pay / PayPal 占位) —— */
.wc-block-components-express-payment {
  border-top: 1px solid var(--ms-line) !important;
  border-bottom: 1px solid var(--ms-line) !important;
  padding: 18px 0 !important;
  margin: 18px 0 !important;
}

/* =========================================================================
   Cart Notes / 赠言框（WC Blocks Order Note block）— v2
   策略：让 React 自己渲染 textarea（JS 自动勾选 checkbox），不强行 display
   - 隐藏原 checkbox + checkbox label（通过 JS 自动勾选）
   - 隐藏 textarea 内置 label（我们用注入的 .ms-order-note-heading 代替）
   - textarea 跟其他 input 视觉一致：圆角 + border + focus ring
   ========================================================================= */
.wp-block-woocommerce-checkout-order-note-block {
  margin: 24px 0 !important;
  padding: 24px 0 !important;
  border-top: 1px solid var(--ms-line) !important;
}

/* 隐藏原生 checkbox + checkbox label（"Add a note to your order"），
   JS 已自动勾选触发 React 渲染 textarea */
.wp-block-woocommerce-checkout-order-note-block .wc-block-components-checkbox,
.wp-block-woocommerce-checkout-order-note-block label.wc-block-components-checkbox {
  display: none !important;
}

/* 隐藏 textarea 自带的内置 label（"Order notes"）— 我们用注入的 heading 代替 */
.wp-block-woocommerce-checkout-order-note-block .wc-block-components-textarea > label,
.wp-block-woocommerce-checkout-order-note-block label[for*="order-note"]:not(.ms-order-note-heading) {
  display: none !important;
}

/* 我们 JS 注入的自定义 heading，跟其他 step 标题视觉一致 */
.ms-order-note-heading {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ms-ink);
  margin: 0 0 12px;
}

/* Order Note textarea：120px 高，圆角 + brand border + focus ring */
.wp-block-woocommerce-checkout-order-note-block textarea {
  width: 100% !important;
  min-height: 120px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--ms-ink) !important;
  border: 1px solid var(--ms-line-strong) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  background: #fff !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  resize: vertical !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  box-shadow: none !important;
}
.wp-block-woocommerce-checkout-order-note-block textarea::placeholder {
  color: var(--ms-ink-faint, #999) !important;
  font-style: normal !important;
}
.wp-block-woocommerce-checkout-order-note-block textarea:focus {
  border-color: var(--ms-ink) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
}


/* —— 移动端：cart 单列堆叠 —— */
@media (max-width: 900px) {
  .wp-block-woocommerce-cart .wc-block-cart__sidebar,
  .wp-block-woocommerce-checkout .wc-block-checkout__sidebar,
  .wp-block-woocommerce-checkout-totals-block {
    padding: 18px !important;
    margin-top: 18px !important;
  }
  .wc-block-cart-item__product { padding: 14px 8px !important; }
  .wc-block-cart-item__image img { max-width: 64px !important; }
}


/* =========================================================================
   07 · My Account 页
   ========================================================================= */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 0;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ms-ink-muted);
  border-bottom: 1px solid var(--ms-line);
  text-decoration: none;
  transition: color .2s;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--ms-ink);
}