/* SA Tap Targets AA — 2026-10-19
 *
 * 目标：独立可交互元素达到 WCAG 2.5.8 AA（24x24）；导航骨架达到 44x44。
 * 原则：只改 min-height / min-width / inline-flex，不改字号、不改宽度、不改颜色。
 *
 * 不改的两类（都是 2.5.8 明文例外，不是偷懒）：
 *
 *   ① inline 例外：正文句子里的链接 —— .sa-faq-inline、<p> 里的链接。
 *      给它们加高会在行间开洞，比尺寸不足更伤阅读。
 *
 *   ② spacing 例外：桌面导航 .sa-nav-links a 高 22px（< 24），但彼此间距 32px。
 *      2.5.8 规定「以每个目标包围盒为中心画 24px 圆，圆与圆不相交」即合规；
 *      32px > 24px，不交。强行加高会把 ::after 下划线整体推低 11px，是真实的视觉回归。
 *      实测：nav-inner 高 64px，链接 22px 居中，::after 落在 y=49。
 */

/* ---------- 1. 导航骨架：44x44（导航栏本身 64px 高，加高不改变外观） ---------- */

/* logo 101x16 @390 / 152x20 @1440 -> 44px 高。宽度与字号不变。 */
body .sa-nav-inner > a.sa-logo,
body a.sa-logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* 购物车图标 32x32 -> 44x44 */
body a.sa-nav-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* 主 CTA 70x36 / 63x36 -> 44px 高（宽度不动，避免 360px 窄屏挤爆） */
body a.sa-nav-btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* 手机汉堡 34x34 -> 44x44 */
body button.sa-mnav-toggle {
  min-width: 44px;
  min-height: 44px;
}

/* ---------- 2. 面包屑 / 分类 / 图库触发器 ---------- */

/* nav.sa-crumb 里 HOME 38x16、SHOP 35x16 -> 24px。相邻项由「/」分隔且不重叠。 */
body nav.sa-crumb a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* 商品分类链「Rings」31x16 -> 24px */
body .product_meta .posted_in a,
body span.posted_in a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* 图库放大镜 36x36 -> 44x44（独立按钮，不是行内链接） */
body .woocommerce-product-gallery__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* ---------- 3. 独立行动链接 ---------- */

/* VIEW THE FULL COLLECTION 238x20 / READ THE FULL FAQ 175x20 -> 32px */
body a.sa-more-link,
body a.sa-faq-link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}

/* 目录 / 描述内锚点 21px：纵向相邻，spacing 例外不适用，必须真到 24px */
body .wp-block-rank-math-toc-block li > a,
body .sa-pdp-desc li > a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* 首页仪式区标题链接 24px，贴线；留 4px 余量 */
body h3.sa-rite-title > a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}

/* ---------- 4. 尺寸档 radio：可点区本来就是 label ---------- */

/* input.sa-tier-radio 是 1x1 的视觉隐藏控件，其 label 已是 320x112。
   这里只让键盘焦点环落在 label 上，可点区不变。 */
body .sa-tier-radio:focus-visible + .sa-tier-body,
body .sa-tier-radio:focus-visible ~ .sa-tier-body {
  outline: 2px solid var(--sa-gold-hi, #dcbb7c);
  outline-offset: 2px;
}

/* ---------- 5. 极窄屏不因 padding 撑破 ---------- */
@media (max-width: 359.98px) {
  body a.sa-nav-btn { padding-left: 8px; padding-right: 8px; }
}