/* =========================================================
   A) 产品列表/分类页：加入产品篮按钮（短宽度 + 质感）
========================================================= */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;          /* 不再拉满 */
  min-width: unset !important;

  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.2 !important;
  letter-spacing: 0.2px;

  transition:
    background-color .15s ease,
    box-shadow .15s ease,
    transform .12s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product a.button:active{
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(0,0,0,.06);
}


/* =========================================================
   B) 产品列表/分类页：允许选中复制（仅限产品卡片区域）
   说明：你已用“仅图片可点 + 标题可点”结构解决根因，
   这里仅做保险，不做全站 user-select 兜底。
========================================================= */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product *{
  -webkit-user-select: text !important;
  user-select: text !important;
}

/* 主题可能加遮罩，移除 */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after,
.woocommerce ul.products li.product a::before,
.woocommerce ul.products li.product a::after{
  display:none !important;
}

/* 图片仍是可点击入口（结构方案用到的链接类） */
.woocommerce ul.products li.product a.sam-thumb-only-link{
  display:block;
}
.woocommerce ul.products li.product a.sam-thumb-only-link img{
  cursor:pointer;
}

/* 标题链接样式：自然、不像按钮 */
.woocommerce ul.products li.product .sam-product-title-link{
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.woocommerce ul.products li.product .sam-product-title-link:hover{
  text-decoration: underline;
}


/* =========================================================
   C) 产品篮页（Woo Blocks）：隐藏干扰项（咨询清单化）
   ✅ 保留：隐藏描述、隐藏运费
   ❌ 移除：按钮“提交咨询”的 CSS 盖字（下一步用 Snippet 正规改）
========================================================= */

/* 隐藏描述 */
.woocommerce-cart .wc-block-components-product-details__description,
.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details__short-description{
  display:none !important;
}

/* 隐藏运费 / 配送 */
.woocommerce-cart .wc-block-components-totals-shipping,
.woocommerce-cart .wc-block-components-totals-item--shipping{
  display:none !important;
}

/* 合计文案：改成“合计金额”（Blocks 里最稳就是 CSS 方式） */
body.woocommerce-cart .wc-block-components-totals-item__label{
  font-size:0 !important;
}
body.woocommerce-cart .wc-block-components-totals-item__label::after{
  content:"合计金额";
  font-size:14px;
  font-weight:700;
}

/* 产品篮页（Woo Blocks）：彻底隐藏商品描述/摘要（补强版） */
.woocommerce-cart .wc-block-components-product-details__description,
.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details__short-description,
.woocommerce-cart .wc-block-components-product-metadata__description,
.woocommerce-cart .wc-block-components-product-details__short-description,
.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-metadata__description{
  display: none !important;
}



/* =========================================================
   D) Thank You Page（咨询确认页）— 最终稳定版 + 兜底修复
========================================================= */

/* ❌ 隐藏顶部订单概览（记录号 / 日期 / 总计） */
body.woocommerce-order-received ul.woocommerce-order-overview{
  display:none !important;
}

/* ❌ 隐藏付款方式 */
body.woocommerce-order-received .woocommerce-order-overview__payment-method,
body.woocommerce-order-received .woocommerce-order-overview li.method{
  display:none !important;
}

/* ❌ 合计区只保留最后一行 */
/*body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:not(:last-child){
  display:none !important;
}*/

/*这一句就是导致“有时显示备注、有时显示合计”的根因 */

/* ✅ 主标题：已收到！ */
body.woocommerce-order-received h1{
  font-size:0 !important;
}
body.woocommerce-order-received h1::after{
  content:"已收到！";
  font-size:28px;
  font-weight:800;
}

/* ✅ 感谢语 */
body.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-size:0 !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::after{
  content:"谢谢，您的产品咨询信息已收到。";
  font-size:16px;
  line-height:1.6;
  color:#333;
}

/* ✅ “订单详情” → “产品列表” */
body.woocommerce-order-received h2.woocommerce-order-details__title{
  font-size:0 !important;
}
body.woocommerce-order-received h2.woocommerce-order-details__title::after{
  content:"产品列表";
  font-size:22px;
  font-weight:800;
}

/* ❌ 隐藏配送地址（多结构兜底） */
body.woocommerce-order-received .woocommerce-column--shipping,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--shipping,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column.shipping-address,
body.woocommerce-order-received .woocommerce-customer-details .col-2,
body.woocommerce-order-received .woocommerce-customer-details > div > div:nth-child(2){
  display:none !important;
}

/* ✅ 联系信息占满宽度（多结构兜底） */
body.woocommerce-order-received .woocommerce-column--billing,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing,
body.woocommerce-order-received .woocommerce-customer-details .col-1,
body.woocommerce-order-received .woocommerce-customer-details > div > div:nth-child(1){
  width:100% !important;
  float:none !important;
}

/* ✅ “账单地址” → “联系信息”（无论 h2 / h3） */
body.woocommerce-order-received .woocommerce-column--billing h2,
body.woocommerce-order-received .woocommerce-column--billing h3,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-customer-details h3{
  font-size:0 !important;
  margin-bottom:10px !important;
}
body.woocommerce-order-received .woocommerce-column--billing h2::after,
body.woocommerce-order-received .woocommerce-column--billing h3::after,
body.woocommerce-order-received .woocommerce-customer-details h2::after,
body.woocommerce-order-received .woocommerce-customer-details h3::after{
  content:"联系信息";
  font-size:22px;
  font-weight:800;
}

/* ✅ 联系信息文本框样式 */
body.woocommerce-order-received .woocommerce-column--billing address{
  border:1px solid #ddd !important;
  border-radius:10px !important;
  padding:12px !important;
  background:#fff !important;
  font-size:15px !important;
  line-height:1.65 !important;
}



/*SAM 修改购物车是空的 */
/* === WooCommerce Blocks 空购物车：最终图标版 === */

/* 隐藏默认哭脸 */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title::before {
    display: none !important;
}

/* 标题定位 */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title {
    position: relative;
    padding-top: 56px;
}

/* 在标题上方插入 🧺 */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title::after {
    content: "🧺";
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* SAM产品咨询确认页 */


/* SAM产品详情页修改 */

/* =================================================
   WooCommerce 产品详情页 UI（最终版）
   - 隐藏 SKU + Tabs 兜底
   - 颜色：同一行、可右对齐、下拉更窄、清除在右侧且更窄间距
   - 数量：更短、与按钮间距更窄约50%
   - 手机：显示 - / +（配合下方 JS 生效）
   ================================================= */

/* ---------- 隐藏 SKU ---------- */
.single-product .product_meta .sku_wrapper{
  display: none !important;
}

/* 兜底：确保 Tabs 显示 */
.single-product .woocommerce-tabs,
.single-product .woocommerce-tabs .tabs{
  display: block !important;
}

/* =================================================
   颜色行（不破坏表格结构，稳定）
   ================================================= */

/* “颜色”两字同一行 + 对齐方式 */
.single-product form.variations_form table.variations th{
  min-width: 40px !important;
	 /* 原来是64px */
  text-align: center !important;      /* ← 想居中就改成 center */
  padding-right: 8px !important;
  vertical-align: middle !important;
}

.single-product form.variations_form table.variations th label{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* 下拉 + 清除同一行，间隔更窄 */
.single-product form.variations_form table.variations td.value{
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;               /* 下拉与清除间隔（更窄） */
}

/* 颜色下拉框：更窄 */
.single-product form.variations_form table.variations td.value select{
  width: 80px !important;           /* 想再窄：170；想略宽：190 */
  max-width: 180px !important;
  height: 44px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* 清除：保持链接感、同高对齐、不换行 */
.single-product form.variations_form a.reset_variations{
  white-space: nowrap !important;
  margin: 0 !important;              /* 由 gap 控制间距 */
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  line-height: 44px !important;
  opacity: .75;
}
.single-product form.variations_form a.reset_variations:hover{
  opacity: 1;
}

/* =================================================
   数量 + 加入产品篮（间隔缩小约50%）
   ================================================= */

.single-product form.cart .woocommerce-variation-add-to-cart{
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;               /* 约等于之前14的一半 */
}

.single-product form.cart .quantity .qty{
  height: 44px !important;
  width: 46px !important;            /* 数量更短 */
  padding: 0 8px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  text-align: center !important;
}

.single-product form.cart button.single_add_to_cart_button{
  height: 44px !important;
  border-radius: 10px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* =================================================
   手机端：数量显示 - / +（视觉）
   （点击加减功能由下方 JS 实现）
   ================================================= */

@media (max-width: 768px){
  .single-product form.cart .quantity{
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .single-product form.cart .quantity::before,
  .single-product form.cart .quantity::after{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.18);
    background: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    user-select: none;
  }

  .single-product form.cart .quantity::before{ content: "−"; }
  .single-product form.cart .quantity::after{ content: "+"; }

  .single-product form.cart .quantity .qty{
    width: 56px !important;
  }
}


/* SAM修改 产品详情页增加 继续选品 按钮 */

/* =================================================
   加入产品篮提示条：新增“继续选品”按钮（最终稳定版）
   - 两个按钮固定顺序：查看产品篮（左）→继续选品（右）
   - 手机端：按钮放到提示语下一行，同一行并排、居中、有间隔
   ================================================= */

/* 按钮容器：默认（桌面端也适用） */
.woocommerce-message .notice-actions{
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* 桌面端靠右更符合习惯；想居中可改 center */
  gap: 12px;
  flex-wrap: nowrap;
}

/* 兜底：很多主题会把按钮设成100%宽导致换行，这里强制回去 */
.woocommerce-message .notice-actions .button{
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* 手机端：按钮在下一行并居中，同一行显示 */
@media (max-width: 768px){
  .woocommerce-message .notice-actions{
    justify-content: center !important;
    gap: 12px !important;
  }
}


/* SAM 修改20260117晚上 */

/* 产品篮页 - 提交咨询 按钮强化 */
/* ✅ 产品篮页（Woo Blocks）— 提交咨询按钮：参考图的小号胶囊风 */
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
body.woocommerce-cart .wc-block-cart__submit-container a.wc-block-components-button,
body.woocommerce-cart .wc-block-cart__submit-container button.wc-block-components-button{
  background: #7B5BC8 !important;   /* 紫色，可微调 */
  color: #fff !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;

  padding: 10px 26px !important;    /* ✅ 关键：上/下 + 左/右填充 */
  border-radius: 999px !important;

  min-height: 42px !important;      /* ✅ 关键：控制按钮高度 */
  width: auto !important;           /* ✅ 不要拉满 */
  max-width: fit-content !important;

  border: none !important;
  box-shadow: none !important;
}

/* ✅ 让按钮容器居中（看起来像你截图） */
body.woocommerce-cart .wc-block-cart__submit-container{
  display: flex !important;
  justify-content: center !important;
}

/* 悬停：轻微变深（不浮夸） */
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover{
  filter: brightness(0.95) !important;
  transform: none !important;
}