/* ==========================================================================
   SA · 加购提示框 UI（WooCommerce .woocommerce-message）
   ① 把「View cart / VIEW CART」按钮从「右侧浮动」改为「文字下方独立一行」；
   ② 商品页里把整条提示从页顶挪到「ADD TO CART」按钮下方（配合 sa-notice-ui.php 的钩子）。
   回滚：删掉本文件 + sa-notice-ui.php 即恢复原生样式与位置。
   ========================================================================== */

/* ---------- ① View cart 按钮：右浮动 → 文字下方独立一行 ----------
   背景：按钮被 woocommerce.css 的 `.woocommerce-message .button { float: right }`
         钉在右边 —— 长商品名换行后，手机端按钮会挤在文字右下角，很局促。
   范围：桌面 / 平板 / 手机三端一致（不写媒体查询）。 */
.woocommerce-message .button,
.woocommerce-message a.button.wc-forward {
  float: none !important;          /* 取消右浮动（核心） */
  display: flex !important;        /* 独占一行（块级 flex） */
  align-items: center !important;  /* ★垂直居中：主题 CTA 是「定高 + flex 居中」，
                                      写 display:block 会把文字顶到按钮框最上面 */
  justify-content: center !important;
  clear: both;
  width: fit-content !important;   /* 保持胶囊原宽，不撑满 */
  min-width: 180px;                /* 太窄时给个下限 */
  margin: 14px 0 0 !important;     /* 与上方文字留出间距 */
  text-align: center;
}

/* ---------- ② 商品页：提示框紧跟「ADD TO CART」按钮 ----------
   主题在 @media (max-width: 900px) 里把 .summary 设为 flex column 并指定 order：
   标题 1 / 价格 2 / 加购表单 3 / 简介 4 / 其它 5 / 信任条 6。
   提示框默认吃 `.summary > * { order: 5 }`（会掉到简介之后），
   这里把它提到 3 —— 与加购表单同号，按 DOM 顺序（表单优先级 30 < 提示框 31）
   紧跟在按钮正下方。桌面端（>900px）不走 flex，靠 DOM 顺序天然落在按钮后。 */
@media (max-width: 900px) {
  .sa-product div.product .summary > .woocommerce-notices-wrapper { order: 3 !important; }
}

/* ---------- ③ 提示框本体：改成与站内卡片一致（四边细金线 + 14px 圆角 + 中性底） ----------
   原来：只有「上边框」+ 直角 + 偏亮的金色底（WooCommerce 原生「顶部色条」样式），
        和站内其它卡片（参考 .sa-trust：1px rgba(197,160,89,.16) + border-radius:14px +
        background rgba(244,241,234,.028)）摆在一起显得不协调。
   现改为：四边 1px 细金线 + 14px 圆角 + 极淡暖底（保留一点「成功」感，但不跳出画面）。
   范围：三端一致（不写媒体查询）。只打 .woocommerce-message（成功提示），不动 info/error。 */
.woocommerce-message {
  border: 1px solid rgba(197, 160, 89, 0.24) !important;  /* 四边细金线（替换只有上边框） */
  border-radius: 14px !important;                          /* 圆角，对齐 .sa-trust */
  background: rgba(197, 160, 89, 0.055) !important;        /* 极淡暖底，不再是亮金块 */
  padding: 18px 22px 18px 56px !important;                 /* 左内边距留出勾选图标位 */
  /* 文字排版对齐站内正文：WooCommerce 原生不设字号 → 继承 body 的 16px，
     而本页正文是 14.5px（简介）/ 13px（按钮）/ 12.5px（信任条）→ 提示框字成了全页最大的一档，
     在这张小卡片里显得突兀。这里统一到 14px / 行高 1.6 / 略降亮度。 */
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(244, 241, 234, 0.82) !important;
}