/* =====================================================================
   Aovilight Global Design System  —  aovilight-global.css
   v1.4.1
   ---------------------------------------------------------------------
   全站可用的样式文件。三个用法：

   1) 插件自动加载（无需操作）
   2) 想让任意页面/古腾堡块/Elementor 用这套视觉：
      给容器加 class="aovi-scope"，内部用下面的组件类即可
   3) 只想借用某个元素（不套容器）：
      直接用工具类 .aovi-serif / .aovi-eyebrow / .aovi-btn / .aovi-wrap

   安全设计：所有类名 aovi- 前缀、变量 --aovi- 前缀、无裸标签选择器，
   不会污染主题、WooCommerce 或其他插件的样式。
   ===================================================================== */

/* ---------- 字体（自包含，无需主题加载） ---------- */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:ital,wght@0,300;0,400;0,500;1,300&display=swap");

/* ---------- 1. 设计变量（Design Tokens） ---------- */
:root {
  --aovi-bg:        #F4F1EA;   /* 米白底 */
  --aovi-bg-soft:   #ECE7DE;   /* 次级底 */
  --aovi-ink:       #1C1A17;   /* 墨黑字 */
  --aovi-muted:     #7A746A;   /* 次要文字 */
  --aovi-brass:     #A8834F;   /* 黄铜点缀 */
  --aovi-cream:     #F6F2EA;   /* 深色区上的字 */
  --aovi-line:      rgba(28, 26, 23, .14);
  --aovi-serif:     "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --aovi-sans:      "Jost", "Helvetica Neue", Arial, sans-serif;
  --aovi-ease:      cubic-bezier(.22, 1, .36, 1);
  --aovi-pad-x:     20px;
  --aovi-maxw:      1200px;
}

/* ---------- 2. 作用域基础样式（只在 .aovi-scope 内生效） ---------- */
.aovi-scope {
  background: var(--aovi-bg);
  color: var(--aovi-ink);
  font-family: var(--aovi-sans);
  font-weight: 300;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.aovi-scope *,
.aovi-scope *::before,
.aovi-scope *::after { box-sizing: border-box; }
.aovi-scope img { display: block; width: 100%; height: auto; }
.aovi-scope a  { color: inherit; text-decoration: none; }
.aovi-scope ul,
.aovi-scope ol { margin: 0; padding: 0; list-style: none; }
.aovi-scope h1,
.aovi-scope h2,
.aovi-scope h3 { font-family: var(--aovi-serif); font-weight: 500; line-height: 1.12; margin: 0; }
.aovi-scope p  { margin: 0; }
.aovi-scope figure { margin: 0; }

/* ---------- 3. 布局容器 ---------- */
.aovi-wrap {
  max-width: var(--aovi-maxw);
  margin: 0 auto;
  padding: 0 var(--aovi-pad-x);
}
.aovi-scope section.aovi-section {
  padding: 74px 0;
  border-bottom: 1px solid var(--aovi-line);
}

/* ---------- 4. 排版工具类（不套容器也能用） ---------- */
.aovi-serif   { font-family: var(--aovi-serif) !important; font-weight: 500; line-height: 1.12; }
.aovi-sans    { font-family: var(--aovi-sans) !important; }
.aovi-eyebrow {
  font-family: var(--aovi-sans);
  font-size: 11px;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--aovi-muted);
  font-weight: 400;
}
.aovi-center { text-align: center; }

/* ---------- 5. 按钮 ---------- */
/* 注意：用 a.aovi-btn 提高优先级，避免被 .aovi-scope a{color:inherit} 覆盖导致文字同色不可见 */
a.aovi-btn,
.aovi-btn {
  display: inline-block;
  border: 1px solid var(--aovi-ink, #1C1A17);
  padding: 13px 34px;
  font-family: var(--aovi-sans);
  font-size: 11.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 400;
  background: transparent;
  color: var(--aovi-ink, #1C1A17);
  cursor: pointer;
  transition: background .35s, color .35s, border-color .35s;
}
a.aovi-btn:hover,
.aovi-btn:hover { background: var(--aovi-ink, #1C1A17); color: var(--aovi-bg, #F4F1EA); }

a.aovi-btn-solid,
.aovi-btn-solid { background: var(--aovi-ink, #1C1A17); color: var(--aovi-bg, #F4F1EA); }
a.aovi-btn-solid:hover,
.aovi-btn-solid:hover {
  background: var(--aovi-brass, #A8834F);
  border-color: var(--aovi-brass, #A8834F);
  color: var(--aovi-bg, #F4F1EA);
}

a.aovi-btn-light,
.aovi-btn-light { border-color: var(--aovi-cream, #F6F2EA); color: var(--aovi-cream, #F6F2EA); }
a.aovi-btn-light:hover,
.aovi-btn-light:hover { background: var(--aovi-cream, #F6F2EA); color: var(--aovi-ink, #1C1A17); }

a.aovi-btn-block,
.aovi-btn-block { display: block; width: 100%; text-align: center; }

a.aovi-link,
.aovi-link {
  font-family: var(--aovi-sans);
  font-size: 11.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--aovi-ink, #1C1A17);
  padding-bottom: 4px;
  display: inline-block;
  color: inherit;
}
a.aovi-link:hover,
.aovi-link:hover { border-color: var(--aovi-brass, #A8834F); color: var(--aovi-brass, #A8834F); }

/* ---------- 6. 滚动揭示动画 ---------- */
/* 默认可见：只有确认 JS 已加载（html 上有 .aovi-anim）才启用淡入，避免脚本失效导致内容永久隐形 */
.aovi-rv { opacity: 1; }
html.aovi-anim .aovi-rv {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .9s var(--aovi-ease), transform .9s var(--aovi-ease);
}
html.aovi-anim .aovi-rv.is-in { opacity: 1; transform: none; }
.aovi-rv-d1 { transition-delay: .12s; }
.aovi-rv-d2 { transition-delay: .24s; }
.aovi-rv-d3 { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) {
  .aovi-rv,
  html.aovi-anim .aovi-rv { opacity: 1 !important; transform: none !important; transition: none !important; }
  .aovi-strip-track { animation: none !important; }
}

/* ---------- 7. 顶部导航 ---------- */
.aovi-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(244, 241, 234, .92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--aovi-line);
}
.aovi-nav-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 98px;
  max-width: var(--aovi-maxw);
  margin: 0 auto;
  padding: 0 var(--aovi-pad-x);
}
.aovi-logo {
  font-family: var(--aovi-serif);
  font-size: 20px;
  letter-spacing: .34em;
  font-weight: 600;
}
/* 菜单容器：桌面横排，手机收起为抽屉 */
.aovi-nav-links { display: none; }
.aovi-nav-list {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.aovi-nav-list a { transition: color .25s; }
.aovi-nav-list a:hover,
.aovi-nav-list .current-menu-item > a,
.aovi-nav-list .current_page_item > a { color: var(--aovi-brass); }
.aovi-nav-list li { position: relative; }

/* 二级菜单（产品分类等子项）：桌面悬停展开 */
.aovi-nav-list .sub-menu { display: none; }
@media (min-width: 860px) {
  .aovi-nav-list .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: -16px;
    min-width: 210px;
    background: var(--aovi-bg);
    border: 1px solid var(--aovi-line);
    padding: 8px 0;
    z-index: 60;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
  }
  .aovi-nav-list li:hover > .sub-menu,
  .aovi-nav-list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
  .aovi-nav-list .sub-menu a {
    display: block; padding: 8px 18px; font-size: 11px; letter-spacing: .16em; white-space: nowrap;
  }
  .aovi-nav-list .sub-menu a:hover { color: var(--aovi-brass); background: rgba(28, 26, 23, .04); }
  /* 有子菜单的父项加个小箭头 */
  .aovi-nav-list .menu-item-has-children > a::after { content: ""; }
}
/* 手机端：子项缩进展开，常驻可见 */
@media (max-width: 859px) {
  .aovi-nav.is-open .aovi-nav-list .sub-menu { display: block; padding: 0 0 6px 14px; }
  .aovi-nav.is-open .aovi-nav-list .sub-menu a { display: block; padding: 9px 0; font-size: 11px; opacity: .82; }
}

/* 短代码 [aovilight_nav] 用在页面正文里时：常驻横排显示 */
.aovi-nav-inline { display: block !important; }
.aovi-nav-inline .aovi-nav-list { flex-wrap: wrap; gap: 22px; }

/* 全站注入的页脚（非首页） */
.aovi-global-footer { border-top: 1px solid var(--aovi-line); }

/* 全站注入的页头（非首页）：随页面滚动，不覆盖主题内容 */
.aovi-global-nav { display: block; }
.aovi-global-nav .aovi-nav { position: relative; }
.aovi-nav-icons { display: flex; gap: 18px; align-items: center; }
.aovi-nav-icons svg { width: 20px; height: 20px; stroke: var(--aovi-ink); fill: none; stroke-width: 1.4; }
.aovi-nav-icons .aovi-burger {
  display: block; padding: 0; border: none; background: transparent; cursor: pointer; line-height: 0;
}
/* 手机端抽屉 */
@media (max-width: 859px) {
  .aovi-nav.is-open .aovi-nav-links {
    display: block;
    position: absolute;
    left: 0; right: 0; top: 100%;
    background: var(--aovi-bg);
    border-bottom: 1px solid var(--aovi-line);
    padding: 10px var(--aovi-pad-x) 16px;
    max-height: calc(100vh - 58px);
    overflow-y: auto;
  }
  .aovi-nav.is-open .aovi-nav-list { display: block; }
  .aovi-nav.is-open .aovi-nav-list li { border-bottom: 1px solid var(--aovi-line); }
  .aovi-nav.is-open .aovi-nav-list li:last-child { border-bottom: none; }
  .aovi-nav.is-open .aovi-nav-list a { display: block; padding: 13px 0; }
}
@media (min-width: 860px) {
  .aovi-nav-links { display: block; }
  .aovi-nav-icons .aovi-burger { display: none; }
}

/* ---------- 8. Hero 首屏 ---------- */
.aovi-hero { position: relative; }
.aovi-hero-img { position: relative; overflow: hidden; }
.aovi-hero-img img { height: 58vh; min-height: 340px; object-fit: cover; object-position: center; }
.aovi-hero-copy {
  padding: 38px var(--aovi-pad-x) 46px;
  text-align: center;
  border-bottom: 1px solid var(--aovi-line);
}
.aovi-hero-copy h1 { font-size: clamp(44px, 12vw, 92px); letter-spacing: .08em; margin: 10px 0 14px; }
.aovi-hero-copy p  { font-size: 15px; font-weight: 300; max-width: 460px; margin: 0 auto 26px; color: var(--aovi-muted); }
/* 叠加在图片上的版本（给 .aovi-hero-img 加 .is-overlay，同时给文案加 .aovi-hero-overlay） */
.aovi-hero-copy.aovi-hero-overlay {
  position: absolute; left: 0; right: 0; bottom: 0;
  border-bottom: none;
  padding: 0 22px 38px;
  color: var(--aovi-cream);
  text-align: left;
  background: linear-gradient(to top, rgba(20,18,15,.72) 0%, rgba(20,18,15,.35) 34%, rgba(20,18,15,0) 62%);
  padding-top: 60px;
}
.aovi-hero-overlay p { color: rgba(246, 242, 234, .9); }
.aovi-hero-overlay .aovi-eyebrow { color: rgba(246, 242, 234, .82); }
.aovi-hero-overlay .aovi-btn { border-color: var(--aovi-cream); color: var(--aovi-cream); }
.aovi-hero-overlay .aovi-btn:hover { background: var(--aovi-cream); color: var(--aovi-ink); }

/* ---------- 9. 卖点跑马灯 ---------- */
.aovi-strip {
  border-bottom: 1px solid var(--aovi-line);
  background: var(--aovi-bg);
  overflow: hidden;
  padding: 12px 0;
}
.aovi-strip-track {
  display: flex;
  gap: 44px;
  white-space: nowrap;
  width: max-content;
  animation: aovi-marquee 26s linear infinite;
  font-size: 10.5px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--aovi-muted);
}
.aovi-scope .aovi-strip:hover .aovi-strip-track { animation-play-state: paused; }
@keyframes aovi-marquee { to { transform: translateX(-50%); } }

/* ---------- 10. 通用版块 / 图文分栏 ---------- */
.aovi-sec-head { margin-bottom: 26px; }
.aovi-sec-head .aovi-eyebrow { margin-bottom: 10px; }
.aovi-sec-head h2 { font-size: clamp(30px, 8vw, 52px); margin-bottom: 14px; }
.aovi-sec-head p { color: var(--aovi-muted); font-size: 15px; max-width: 520px; }
.aovi-sec-head.aovi-center p { margin-left: auto; margin-right: auto; }

.aovi-img-frame { overflow: hidden; background: var(--aovi-bg-soft); display: block; }
.aovi-img-frame img { transition: transform 1.6s var(--aovi-ease); }
.aovi-img-frame:hover img { transform: scale(1.035); }

.aovi-stack .aovi-img-frame { margin-bottom: 26px; }
.aovi-split { display: grid; gap: 26px; }
@media (min-width: 860px) {
  .aovi-split { grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
  .aovi-split.aovi-rev > .aovi-img-frame { order: 2; }
}

/* ---------- 11. 品类卡片 ---------- */
.aovi-cat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.aovi-cat-card { position: relative; overflow: hidden; background: var(--aovi-bg-soft); display: block; }
.aovi-cat-card img { aspect-ratio: 1 / 1.15; object-fit: cover; transition: transform 1.4s var(--aovi-ease); }
.aovi-cat-card:hover img { transform: scale(1.05); }
.aovi-cat-card figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 14px 14px 12px;
  background: linear-gradient(to top, rgba(20,18,15,.55), transparent);
  color: var(--aovi-cream);
}
.aovi-cat-card figcaption h3 { font-size: 19px; letter-spacing: .03em; }
.aovi-cat-card figcaption span { font-size: 10px; letter-spacing: .28em; text-transform: uppercase; opacity: .85; }
@media (min-width: 860px) { .aovi-cat-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; } }

/* ---------- 12. 产品卡片 ---------- */
.aovi-prod-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 14px; }
.aovi-prod-card { background: #fff; border: 1px solid var(--aovi-line); }
.aovi-prod-card .aovi-img-frame { border-bottom: 1px solid var(--aovi-line); }
.aovi-prod-card img { aspect-ratio: 1 / 1; object-fit: cover; }
.aovi-prod-info { padding: 14px 14px 16px; text-align: center; }
.aovi-prod-info .aovi-cat {
  font-size: 9.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--aovi-muted);
}
.aovi-prod-info h3 { font-size: 16.5px; margin: 6px 0 4px; font-weight: 500; }
.aovi-prod-info .aovi-price { font-size: 13.5px; color: var(--aovi-brass); letter-spacing: .04em; }
.aovi-prod-info .aovi-btn { margin-top: 12px; padding: 9px 20px; font-size: 10px; width: 100%; }
@media (min-width: 860px) { .aovi-prod-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; } }

/* ---------- 13. 深色金句横幅 ---------- */
.aovi-quote {
  background: var(--aovi-ink);
  color: #EFEAE1;
  padding: 84px 0;
}
.aovi-quote blockquote {
  font-family: var(--aovi-serif);
  font-size: clamp(26px, 7vw, 44px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
  max-width: 760px;
  margin: 0;
}
.aovi-quote .aovi-eyebrow { color: rgba(239, 234, 225, .55); margin-bottom: 18px; }

/* ---------- 14. 信任三条 ---------- */
.aovi-trust { display: grid; gap: 34px; text-align: left; }
.aovi-trust-item h3 { font-size: 20px; margin-bottom: 8px; }
.aovi-trust-item p { color: var(--aovi-muted); font-size: 14px; }
.aovi-trust-item .aovi-num {
  font-family: var(--aovi-serif); font-size: 15px; color: var(--aovi-brass);
  letter-spacing: .2em; margin-bottom: 10px; display: block;
}
@media (min-width: 860px) { .aovi-trust { grid-template-columns: repeat(3, 1fr); gap: 40px; } }

/* ---------- 15. 订阅区 ---------- */
.aovi-news {
  background: var(--aovi-bg-soft);
  text-align: center;
  padding: 78px 0;
  border-bottom: 1px solid var(--aovi-line);
}
.aovi-news h2 { font-size: clamp(28px, 7vw, 44px); margin: 10px 0 14px; }
.aovi-news > .aovi-wrap > p { color: var(--aovi-muted); font-size: 14.5px; max-width: 440px; margin: 0 auto 26px; }
.aovi-news-form { display: flex; max-width: 440px; margin: 0 auto; border: 1px solid var(--aovi-ink); }
.aovi-news-form input {
  flex: 1; min-width: 0; border: none; background: transparent;
  padding: 14px 16px; font-family: var(--aovi-sans); font-size: 14px; outline: none; color: var(--aovi-ink);
}
.aovi-news-form button {
  border: none; background: var(--aovi-ink); color: var(--aovi-bg);
  padding: 0 26px; font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  cursor: pointer; font-family: var(--aovi-sans); white-space: nowrap;
}
.aovi-news-form button:hover { background: var(--aovi-brass); }

/* ---------- 16. 页脚 ---------- */
.aovi-footer { padding: 56px 0 40px; }
.aovi-foot-grid { display: grid; gap: 30px; }
.aovi-foot-grid h4 {
  font-size: 11px; letter-spacing: .28em; text-transform: uppercase;
  color: var(--aovi-muted); margin-bottom: 14px; font-weight: 400; font-family: var(--aovi-sans);
}
.aovi-foot-grid a { display: block; font-size: 14px; padding: 4px 0; color: var(--aovi-ink); }
.aovi-foot-grid a:hover { color: var(--aovi-brass); }
.aovi-foot-bottom {
  margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--aovi-line);
  font-size: 12px; color: var(--aovi-muted); display: flex; flex-wrap: wrap; gap: 8px 22px;
}
@media (min-width: 860px) { .aovi-foot-grid { grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; } }

/* =====================================================================
   17. 全站视觉统一（主题页面 / WooCommerce 原生页面）
   ---------------------------------------------------------------------
   作用域：所有规则都带 body:not(.aovi-scope) 前缀。
   插件首页的 <body class="aovi-scope"> 被排除，首页一点不受影响；
   这段只作用于主题渲染的产品页、分类存档页、购物车、结算、文章页等。

   17.1 背景统一 —— 其它页面中段是白色的问题
   17.2 按钮 / 表单控件统一 —— 产品页按钮仍是主题原样式的问题
   17.3 标题、价格、链接等文字统一
   17.4 正文标题（h2-h5）与加粗（strong/b）统一 —— 产品正文又黑又粗的问题
   17.5 提示条、标签、分页页码统一

   想停用其中任何一节：把那一节注释掉即可，其它部分不受影响。
   关键属性加了 !important 以压过主题自带的白底与按钮配色；
   如果你的主题某处需要保留原样，删掉那条规则里的 !important 即可。
   ===================================================================== */

/* ---------- 17.1 背景统一（白 → 米白） ---------- */
body:not(.aovi-scope) {
  background-color: var(--aovi-bg, #F4F1EA) !important;
  color: var(--aovi-ink, #1C1A17);
}
/* 主题常见的白色内容容器，逐个铺平 */
body:not(.aovi-scope) #page,
body:not(.aovi-scope) .site,
body:not(.aovi-scope) .site-content,
body:not(.aovi-scope) #content,
body:not(.aovi-scope) .content-area,
body:not(.aovi-scope) main,
body:not(.aovi-scope) .site-main,
body:not(.aovi-scope) main.site-main,
body:not(.aovi-scope) #primary,
body:not(.aovi-scope) #secondary,
body:not(.aovi-scope) article,
body:not(.aovi-scope) .hentry,
body:not(.aovi-scope) .post,
body:not(.aovi-scope) .entry-content,
body:not(.aovi-scope) .page-content,
body:not(.aovi-scope) .wp-block-post-content,
body:not(.aovi-scope) .wp-block-group,
body:not(.aovi-scope) .is-layout-constrained,
body:not(.aovi-scope) .widget,
body:not(.aovi-scope) .site-footer,
body:not(.aovi-scope) .woocommerce,
body:not(.aovi-scope) .woocommerce-page,
body:not(.aovi-scope) .woocommerce .content-wrapper,
body:not(.aovi-scope) .single-product .product,
body:not(.aovi-scope) .woocommerce div.product,
body:not(.aovi-scope) .woocommerce-products-header,
body:not(.aovi-scope) .woocommerce ul.products,
body:not(.aovi-scope) .woocommerce ul.products li.product,
body:not(.aovi-scope) .woocommerce-products-header,
body:not(.aovi-scope) .woocommerce-result-count,
body:not(.aovi-scope) .term-description,
body:not(.aovi-scope) .archive .page-header,
body:not(.aovi-scope) .widget-area,
body:not(.aovi-scope) .cart-collaterals,
body:not(.aovi-scope) .woocommerce-cart-form__contents,
body:not(.aovi-scope) .cart_totals,
body:not(.aovi-scope) #payment,
body:not(.aovi-scope) .woocommerce-MyAccount-content,
body:not(.aovi-scope) .woocommerce-account .woocommerce-MyAccount-navigation,
body:not(.aovi-scope) .woocommerce-product-gallery,
body:not(.aovi-scope) .woocommerce-product-gallery .flex-viewport,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs ul.tabs,
body:not(.aovi-scope) .woocommerce div.product div.summary,
body:not(.aovi-scope) .related.products,
body:not(.aovi-scope) .upsells.products,
body:not(.aovi-scope) #reviews,
body:not(.aovi-scope) .woocommerce table.shop_table { background-color: var(--aovi-bg, #F4F1EA) !important; }

/* WooCommerce 表格的单元格跟随（购物车/订单明细） */
body:not(.aovi-scope) .woocommerce table.shop_table th,
body:not(.aovi-scope) .woocommerce table.shop_table td,
body:not(.aovi-scope) .woocommerce table.shop_table tfoot th,
body:not(.aovi-scope) .woocommerce-checkout-review-order-table {
  background-color: var(--aovi-bg, #F4F1EA) !important;
  border-color: var(--aovi-line, rgba(28,26,23,.14));
}
body:not(.aovi-scope) .woocommerce table.shop_table tfoot tr:last-child th,
body:not(.aovi-scope) .woocommerce table.shop_table tfoot tr:last-child td {
  background-color: var(--aovi-bg-soft, #ECE7DE) !important;
}
/* checkout 支付区块用次级底，和幕布区分 */
body:not(.aovi-scope) #payment,
body:not(.aovi-scope) .cart_totals { background-color: var(--aovi-bg-soft, #ECE7DE) !important; }

/* ---------- 17.2 按钮 / 数量框 / 表单控件统一 ---------- */
body:not(.aovi-scope) .woocommerce a.button,
body:not(.aovi-scope) .woocommerce button.button,
body:not(.aovi-scope) .woocommerce input.button,
body:not(.aovi-scope) .woocommerce #respond input#submit,
body:not(.aovi-scope) a.button,
body:not(.aovi-scope) button.button,
body:not(.aovi-scope) input.button,
body:not(.aovi-scope) input[type="submit"],
body:not(.aovi-scope) input[type="reset"],
body:not(.aovi-scope) button[type="submit"],
body:not(.aovi-scope) .wp-block-button__link,
body:not(.aovi-scope) .wp-element-button,
body:not(.aovi-scope) .woocommerce-Tabs-panel button,
body:not(.aovi-scope) #review_form #respond input#submit {
  display: inline-block;
  border: 1px solid var(--aovi-ink, #1C1A17) !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--aovi-ink, #1C1A17) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.2;
  letter-spacing: .26em !important;
  text-transform: uppercase;
  padding: 13px 30px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
body:not(.aovi-scope) .woocommerce a.button:hover,
body:not(.aovi-scope) .woocommerce button.button:hover,
body:not(.aovi-scope) .woocommerce input.button:hover,
body:not(.aovi-scope) .woocommerce #respond input#submit:hover,
body:not(.aovi-scope) a.button:hover,
body:not(.aovi-scope) button.button:hover,
body:not(.aovi-scope) input.button:hover,
body:not(.aovi-scope) input[type="submit"]:hover,
body:not(.aovi-scope) input[type="reset"]:hover,
body:not(.aovi-scope) button[type="submit"]:hover,
body:not(.aovi-scope) .wp-block-button__link:hover,
body:not(.aovi-scope) .wp-element-button:hover,
body:not(.aovi-scope) .woocommerce #review_form #respond input#submit:hover {
  background: var(--aovi-ink, #1C1A17) !important;
  color: var(--aovi-bg, #F4F1EA) !important;
  border-color: var(--aovi-ink, #1C1A17) !important;
  text-decoration: none;
}

/* 主行动按钮（加入购物车 / 下单 / 结算）用实心墨黑，悬停转黄铜 */
body:not(.aovi-scope) .woocommerce a.button.alt,
body:not(.aovi-scope) .woocommerce button.button.alt,
body:not(.aovi-scope) .woocommerce input.button.alt,
body:not(.aovi-scope) .woocommerce #respond input#submit.alt,
body:not(.aovi-scope) .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body:not(.aovi-scope) .woocommerce-checkout #payment #place_order,
body:not(.aovi-scope) #add_payment_method #payment #place_order,
body:not(.aovi-scope) .woocommerce .single_add_to_cart_button,
body:not(.aovi-scope) .woocommerce-page .checkout-button,
body:not(.aovi-scope) .woocommerce .actions button.button,
body:not(.aovi-scope) .woocommerce form.woocommerce-cart-form .actions .button {
  background: var(--aovi-ink, #1C1A17) !important;
  color: var(--aovi-bg, #F4F1EA) !important;
  border-color: var(--aovi-ink, #1C1A17) !important;
}
body:not(.aovi-scope) .woocommerce a.button.alt:hover,
body:not(.aovi-scope) .woocommerce button.button.alt:hover,
body:not(.aovi-scope) .woocommerce input.button.alt:hover,
body:not(.aovi-scope) .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body:not(.aovi-scope) .woocommerce-checkout #payment #place_order:hover,
body:not(.aovi-scope) #add_payment_method #payment #place_order:hover,
body:not(.aovi-scope) .woocommerce .single_add_to_cart_button:hover,
body:not(.aovi-scope) .woocommerce .actions button.button:hover {
  background: var(--aovi-brass, #A8834F) !important;
  border-color: var(--aovi-brass, #A8834F) !important;
  color: var(--aovi-bg, #F4F1EA) !important;
}

/* 次要/小按钮（Read more、档案页小按钮）压缩一点 */
body:not(.aovi-scope) .woocommerce ul.products li.product a.button,
body:not(.aovi-scope) .woocommerce ul.products li.product .button {
  padding: 11px 22px;
  font-size: 10.5px !important;
  letter-spacing: .22em !important;
}
/* 禁用态 */
body:not(.aovi-scope) .woocommerce button.button:disabled,
body:not(.aovi-scope) .woocommerce button.button[disabled],
body:not(.aovi-scope) .woocommerce .disabled,
body:not(.aovi-scope) .woocommerce input.button:disabled {
  opacity: .45 !important;
  cursor: not-allowed;
}

/* 数量输入框 + 变体下拉 + 通用表单控件 */
body:not(.aovi-scope) .woocommerce .quantity input.qty,
body:not(.aovi-scope) .woocommerce form .form-row input.input-text,
body:not(.aovi-scope) .woocommerce form .form-row textarea,
body:not(.aovi-scope) .woocommerce form .form-row select,
body:not(.aovi-scope) .woocommerce .variations select,
body:not(.aovi-scope) .woocommerce-page input[type="number"],
body:not(.aovi-scope) .woocommerce-page input[type="email"],
body:not(.aovi-scope) .woocommerce-page input[type="text"],
body:not(.aovi-scope) .woocommerce-page input[type="tel"],
body:not(.aovi-scope) .woocommerce-page input[type="search"],
body:not(.aovi-scope) .woocommerce-page textarea,
body:not(.aovi-scope) .woocommerce-page select,
body:not(.aovi-scope) .select2-container .select2-selection,
body:not(.aovi-scope) input[type="email"],
body:not(.aovi-scope) input[type="text"],
body:not(.aovi-scope) input[type="search"],
body:not(.aovi-scope) input[type="tel"],
body:not(.aovi-scope) input[type="number"],
body:not(.aovi-scope) input[type="password"],
body:not(.aovi-scope) textarea,
body:not(.aovi-scope) select {
  border: 1px solid var(--aovi-line, rgba(28,26,23,.14)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--aovi-ink, #1C1A17) !important;
  box-shadow: none !important;
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  padding: 12px 14px;
  line-height: 1.4;
}
body:not(.aovi-scope) .woocommerce form .form-row input.input-text:focus,
body:not(.aovi-scope) .woocommerce-page input:focus,
body:not(.aovi-scope) .woocommerce-page select:focus,
body:not(.aovi-scope) .woocommerce-page textarea:focus,
body:not(.aovi-scope) input[type="email"]:focus,
body:not(.aovi-scope) input[type="text"]:focus,
body:not(.aovi-scope) textarea:focus,
body:not(.aovi-scope) select:focus {
  border-color: var(--aovi-ink, #1C1A17) !important;
  outline: none;
}
body:not(.aovi-scope) .woocommerce .quantity input.qty { padding: 11px 8px; text-align: center; }
body:not(.aovi-scope) select { appearance: none; -webkit-appearance: none; padding-right: 34px; }

/* 单页里的 checkbox / radio 别被上面的描边波及 */
body:not(.aovi-scope) input[type="checkbox"],
body:not(.aovi-scope) input[type="radio"] {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
/* 后台工具条里的提交按钮保持原生 */
body:not(.aovi-scope) #wpadminbar input[type="submit"] {
  border: 0 !important; background: transparent !important; color: #eee !important;
  padding: 0 6px !important; letter-spacing: normal !important; text-transform: none !important;
}

/* ---------- 17.3 标题 / 价格 / 链接统一 ---------- */
body:not(.aovi-scope) .woocommerce div.product .product_title,
body:not(.aovi-scope) .woocommerce ul.products li.product .woocommerce-loop-product__title,
body:not(.aovi-scope) .woocommerce ul.products li.product .woocommerce-loop-category__title,
body:not(.aovi-scope) .woocommerce .related.products > h2,
body:not(.aovi-scope) .woocommerce .upsells.products > h2,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel > h2,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel > h3,
body:not(.aovi-scope) #reviews .woocommerce-Reviews-title,
body:not(.aovi-scope) .woocommerce-MyAccount-content h2,
body:not(.aovi-scope) .entry-title,
body:not(.aovi-scope) .page-title,
body:not(.aovi-scope) .woocommerce-products-header .page-title,
body:not(.aovi-scope) h1.entry-title,
body:not(.aovi-scope) .archive-description .page-title {
  font-family: var(--aovi-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-weight: 500 !important;
  letter-spacing: .01em;
  line-height: 1.15;
}
body:not(.aovi-scope) .woocommerce div.product p.price,
body:not(.aovi-scope) .woocommerce div.product span.price,
body:not(.aovi-scope) .woocommerce ul.products li.product .price,
body:not(.aovi-scope) .woocommerce .product-price,
body:not(.aovi-scope) .woocommerce table.shop_table .product-price,
body:not(.aovi-scope) .woocommerce table.shop_table .amount {
  color: var(--aovi-brass, #A8834F) !important;
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif);
  letter-spacing: .04em;
}
body:not(.aovi-scope) .woocommerce div.product p.price ins,
body:not(.aovi-scope) .woocommerce ul.products li.product .price ins { text-decoration: none; }
body:not(.aovi-scope) .woocommerce div.product del,
body:not(.aovi-scope) .woocommerce ul.products li.product del,
body:not(.aovi-scope) .woocommerce .price del { color: var(--aovi-muted, #7A746A); opacity: .8; }
body:not(.aovi-scope) .woocommerce .woocommerce-breadcrumb,
body:not(.aovi-scope) .woocommerce .woocommerce-breadcrumb a,
body:not(.aovi-scope) .woocommerce .woocommerce-result-count,
body:not(.aovi-scope) .woocommerce-product-rating,
body:not(.aovi-scope) .product_meta,
body:not(.aovi-scope) .product_meta a {
  color: var(--aovi-muted, #7A746A) !important;
  font-size: 12.5px;
  letter-spacing: .04em;
}
body:not(.aovi-scope) .woocommerce-product-rating a:hover,
body:not(.aovi-scope) .product_meta a:hover { color: var(--aovi-brass, #A8834F) !important; }
body:not(.aovi-scope) .woocommerce .star-rating span::before,
body:not(.aovi-scope) .woocommerce p.stars a::before,
body:not(.aovi-scope) .woocommerce p.stars a:hover::after { color: var(--aovi-brass, #A8834F) !important; }

/* ---------- 17.4 正文内容标题 / 加粗文字统一 ----------
   主题默认 h2-h5 / strong 是又黑又粗的系统粗体；
   统一成：h2/h3 衬线中等字重，h4/h5 细无衬线小标签风，strong 改为中等字重而非纯黑粗体。
   作用域：主题页面的正文内容区（产品描述、文章正文、评论、账户页等）。*/
body:not(.aovi-scope) .entry-content h2,
body:not(.aovi-scope) .entry-content h3,
body:not(.aovi-scope) .entry-content h4,
body:not(.aovi-scope) .entry-content h5,
body:not(.aovi-scope) .page-content h2,
body:not(.aovi-scope) .page-content h3,
body:not(.aovi-scope) .page-content h4,
body:not(.aovi-scope) .page-content h5,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h2,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h3,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h4,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h5,
body:not(.aovi-scope) #reviews .comment-text h2,
body:not(.aovi-scope) #reviews .comment-text h3,
body:not(.aovi-scope) #reviews .comment-text h4,
body:not(.aovi-scope) #reviews .comment-text h5,
body:not(.aovi-scope) .woocommerce-MyAccount-content h2,
body:not(.aovi-scope) .woocommerce-MyAccount-content h3,
body:not(.aovi-scope) .woocommerce-MyAccount-content h4,
body:not(.aovi-scope) .woocommerce-MyAccount-content h5,
body:not(.aovi-scope) .widget .widget-title,
body:not(.aovi-scope) .widget .widgettitle {
  font-family: var(--aovi-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-weight: 500 !important;
  color: var(--aovi-ink, #1C1A17) !important;
  letter-spacing: .01em;
  line-height: 1.2;
}
body:not(.aovi-scope) .entry-content h2,
body:not(.aovi-scope) .page-content h2,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h2,
body:not(.aovi-scope) #reviews .comment-text h2,
body:not(.aovi-scope) .woocommerce-MyAccount-content h2 { font-size: clamp(26px, 5vw, 38px) !important; margin: 34px 0 14px; }
body:not(.aovi-scope) .entry-content h3,
body:not(.aovi-scope) .page-content h3,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h3,
body:not(.aovi-scope) #reviews .comment-text h3,
body:not(.aovi-scope) .woocommerce-MyAccount-content h3 { font-size: clamp(21px, 4vw, 28px) !important; margin: 28px 0 10px; }
body:not(.aovi-scope) .entry-content h4,
body:not(.aovi-scope) .page-content h4,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h4,
body:not(.aovi-scope) #reviews .comment-text h4,
body:not(.aovi-scope) .woocommerce-MyAccount-content h4,
body:not(.aovi-scope) .widget .widget-title,
body:not(.aovi-scope) .widget .widgettitle {
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase;
  color: var(--aovi-muted, #7A746A) !important;
  margin: 26px 0 10px;
}
body:not(.aovi-scope) .entry-content h5,
body:not(.aovi-scope) .page-content h5,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel h5,
body:not(.aovi-scope) #reviews .comment-text h5,
body:not(.aovi-scope) .woocommerce-MyAccount-content h5 {
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .3em !important;
  text-transform: uppercase;
  color: var(--aovi-brass, #A8834F) !important;
  margin: 24px 0 8px;
}
/* 加粗：不再用 700 的纯黑粗体，改为 500 中等字重 + 墨色 */
body:not(.aovi-scope) .entry-content strong,
body:not(.aovi-scope) .entry-content b,
body:not(.aovi-scope) .page-content strong,
body:not(.aovi-scope) .page-content b,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel strong,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel b,
body:not(.aovi-scope) #reviews .comment-text strong,
body:not(.aovi-scope) #reviews .comment-text b,
body:not(.aovi-scope) .woocommerce-MyAccount-content strong,
body:not(.aovi-scope) .woocommerce-MyAccount-content b,
body:not(.aovi-scope) .woocommerce table.shop_table strong,
body:not(.aovi-scope) .woocommerce table.shop_table b {
  font-weight: 500 !important;
  color: var(--aovi-ink, #1C1A17) !important;
}
/* 正文段落的灰度与字号也顺手统一，避免主题默认纯黑 */
body:not(.aovi-scope) .entry-content p,
body:not(.aovi-scope) .page-content p,
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel p,
body:not(.aovi-scope) #reviews .comment-text p {
  color: #4a453d;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 300;
}

/* ---------- 17.5 提示条 / 标签 / 分页页码统一 ---------- */
body:not(.aovi-scope) .woocommerce-message,
body:not(.aovi-scope) .woocommerce-info,
body:not(.aovi-scope) .woocommerce-error,
body:not(.aovi-scope) .woocommerce-noreviews,
body:not(.aovi-scope) p.no-ratings {
  background: var(--aovi-bg-soft, #ECE7DE) !important;
  color: var(--aovi-ink, #1C1A17) !important;
  border-top-color: var(--aovi-brass, #A8834F) !important;
  border-radius: 0;
  box-shadow: none;
  font-size: 13.5px;
}
body:not(.aovi-scope) .woocommerce-message a,
body:not(.aovi-scope) .woocommerce-info a {
  color: var(--aovi-brass, #A8834F) !important;
  box-shadow: none !important;
  text-decoration: underline;
}
body:not(.aovi-scope) .woocommerce-error { border-top-color: #9c4a3a !important; }
body:not(.aovi-scope) .woocommerce-message a.button,
body:not(.aovi-scope) .woocommerce-info a.button { text-decoration: none; }

/* onsale 促销角标：主题常见的粉色圆标签 → 黄铜直角条 */
body:not(.aovi-scope) .woocommerce span.onsale,
body:not(.aovi-scope) .woocommerce ul.products li.product .onsale {
  background: var(--aovi-brass, #A8834F) !important;
  color: var(--aovi-bg, #F4F1EA) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
  line-height: 1;
  padding: 9px 14px;
  min-height: 0;
  min-width: 0;
}

/* 产品页 Tab 头 */
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid var(--aovi-line, rgba(28,26,23,.14)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-right: 6px;
}
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
  color: var(--aovi-muted, #7A746A) !important;
  padding: 12px 20px;
}
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--aovi-ink, #1C1A17) !important;
  border-color: var(--aovi-ink, #1C1A17) !important;
}
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--aovi-bg, #F4F1EA) !important; }
body:not(.aovi-scope) .woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid var(--aovi-line, rgba(28,26,23,.14)) !important;
  border-radius: 0;
  padding: 26px;
  margin-top: -1px;
}

/* 分页页码（含 WooCommerce 分页与 WP 原生分页） */
body:not(.aovi-scope) nav.woocommerce-pagination ul,
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul,
body:not(.aovi-scope) .pagination ul,
body:not(.aovi-scope) .nav-links { border: 0 !important; }
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul li,
body:not(.aovi-scope) nav.woocommerce-pagination ul li,
body:not(.aovi-scope) .nav-links > * { border: 0 !important; }
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul li a,
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul li span.page-numbers,
body:not(.aovi-scope) nav.woocommerce-pagination ul li a,
body:not(.aovi-scope) nav.woocommerce-pagination ul li span,
body:not(.aovi-scope) .nav-links a,
body:not(.aovi-scope) .nav-links span.page-numbers,
body:not(.aovi-scope) a.page-numbers,
body:not(.aovi-scope) span.page-numbers {
  display: inline-block;
  min-width: 42px;
  padding: 11px 14px;
  border: 1px solid var(--aovi-line, rgba(28,26,23,.14)) !important;
  background: transparent !important;
  color: var(--aovi-ink, #1C1A17) !important;
  border-radius: 0 !important;
  font-family: var(--aovi-sans, "Jost", Arial, sans-serif) !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
}
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul li span.current,
body:not(.aovi-scope) nav.woocommerce-pagination ul li span.current,
body:not(.aovi-scope) .nav-links span.current,
body:not(.aovi-scope) span.page-numbers.current {
  background: var(--aovi-ink, #1C1A17) !important;
  border-color: var(--aovi-ink, #1C1A17) !important;
  color: var(--aovi-bg, #F4F1EA) !important;
}
body:not(.aovi-scope) .woocommerce nav.woocommerce-pagination ul li a:hover,
body:not(.aovi-scope) nav.woocommerce-pagination ul li a:hover,
body:not(.aovi-scope) .nav-links a:hover,
body:not(.aovi-scope) a.page-numbers:not(.current):hover {
  background: transparent !important;
  border-color: var(--aovi-ink, #1C1A17) !important;
  color: var(--aovi-brass, #A8834F) !important;
}

/* ---------- 17.6 我们注入的页头/页脚：与页面无缝连接 ---------- */
body:not(.aovi-scope) .aovi-global-nav,
body:not(.aovi-scope) .aovi-global-footer { background: var(--aovi-bg, #F4F1EA); }
body:not(.aovi-scope) .aovi-global-footer { border-top: 1px solid var(--aovi-line, rgba(28,26,23,.14)); }
body:not(.aovi-scope) > .aovi-global-nav .aovi-nav { z-index: 500; }
