/* ------------------------------------------------------------------
 * WordPress 插件层收敛样式（不属于静态站设计，由主题单独加载）
 * 目的：把插件注入的浮层/按钮收敛到新版留白风，避免压住首屏。
 * 加载顺序：style.css 之后
 * ------------------------------------------------------------------ */

/* ---------- 1) CookieYes 同意条：440px 白色浮卡 → 贴底整宽细条 ---------- */
.cky-consent-container{width:100%!important;max-width:100%!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;border-radius:0!important}
.cky-consent-container .cky-consent-bar{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:0 -10px 28px rgba(16,24,40,.06)!important;padding:16px 0!important}
.cky-consent-container .cky-notice{max-width:var(--maxw);margin:0 auto;padding:0 24px!important;display:flex;align-items:center;gap:26px}
.cky-notice .cky-title{font-size:14px!important;line-height:1.4!important;margin:0!important;white-space:nowrap;color:var(--ink)!important}
.cky-notice .cky-notice-group{display:flex;align-items:center;gap:22px;flex:1 1 auto;min-width:0}
.cky-notice-des{font-size:13px!important;line-height:1.55!important;flex:1 1 auto;max-width:none!important;max-height:none!important;overflow:visible!important}
.cky-notice-des p{margin:0!important;color:var(--muted)!important}
.cky-notice-btn-wrapper{flex:0 0 auto!important;margin-top:0!important;flex-wrap:nowrap!important;gap:8px}
.cky-notice-btn-wrapper .cky-btn{margin:0!important;padding:9px 16px!important;font-size:13px!important;line-height:1.2!important;border-width:1px!important;border-radius:0!important;width:auto!important;min-height:0!important;letter-spacing:.02em}
.cky-notice-btn-wrapper .cky-btn-customize,.cky-notice-btn-wrapper .cky-btn-reject{color:var(--ink)!important;background:#fff!important;border-color:var(--line)!important}
.cky-notice-btn-wrapper .cky-btn-accept{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* ---------- 2) WhatsApp 气泡：同意条出现时抬高，避免两层叠一起 ---------- */
body:has(.cky-consent-container:not(.cky-hide)) #ht-ctc-chat{bottom:118px!important}

/* ---------- 3) Astra 的回到顶部按钮（父主题残留），新版设计里不要 ---------- */
#ast-scroll-top{display:none!important}

/* ---------- 4) WooCommerce 通知条与表单按钮对齐新版风格 ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:0!important;box-shadow:none!important;border-left:2px solid var(--ink)!important;background:#fafafa!important;color:var(--ink)!important;font-size:14px!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--ink)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0!important;background:var(--ink)!important;color:#fff!important;font-weight:500!important}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink)!important}

@media(max-width:640px){
  .cky-consent-container .cky-notice{flex-direction:column;align-items:stretch;gap:8px;padding:0 18px!important}
  .cky-notice .cky-title{white-space:normal}
  .cky-notice .cky-notice-group{flex-direction:column;align-items:stretch;gap:10px}
  .cky-notice-btn-wrapper{flex-wrap:wrap!important;gap:8px}
  .cky-notice-btn-wrapper .cky-btn{flex:1 1 auto!important;padding:9px 10px!important}
  body:has(.cky-consent-container:not(.cky-hide)) #ht-ctc-chat{bottom:150px!important}
}

/* ---------- 5) 购买链路：加入购物车 / 立即购买 ---------- */
.btn-buy{display:inline-flex;align-items:center;gap:0;background:var(--ink);border-color:var(--ink);color:#fff}
.btn-buy:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-buy .btn-buy-price{padding-left:13px;margin-left:13px;border-left:1px solid rgba(255,255,255,.34);font-weight:700;letter-spacing:.01em}
.btn-buy-now,.btn-buy-alt{display:inline-flex;align-items:center;gap:0}
.btn-buy-alt .btn-buy-price{padding-left:11px;margin-left:11px;border-left:1px solid currentColor;opacity:.72;font-weight:600}
a.btn-buy-alt{border-color:rgba(255,255,255,.55);color:#fff}
a.btn-buy-alt:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}

/* 首页产品卡片价格 */
.pd-body .pd-price{margin-top:10px;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.3}
.pd-body .pd-price .pd-unit{margin-left:7px;font-size:10.5px;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.62);text-transform:uppercase;vertical-align:2px}

/* 导航购物车与角标 */
.cart-item{display:flex;align-items:center}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:7px}
.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--ink);border-radius:9px;font-style:normal}
.cart-count.is-empty{display:none}

/* CTA 辅助说明（浅色区块用） */
.cta-note{font-size:13px;color:var(--muted);align-self:center;line-height:1.5}

/* 移动端：购买按钮整宽，避免小屏挤压 */
@media (max-width:640px){
  .cta .btn-buy,.cta .btn-buy-now{flex:1 1 100%;justify-content:center}
}
