/*
 Theme Name: Shoptimizer Child - ELFBAR
 Template: shoptimizer
 Description: ELFBAR / jpelf.com 深色绿调视觉子主题（免费版可用）
 Author: WorkBuddy Design Assistant
 Version: 1.7.4
*/

/* =========================================================
   1) 设计令牌（变量）
   字体由 functions.php 用 wp_enqueue 加载，不在此处 @import，
   以规避免费版「额外 CSS / 子主题 @import 位置靠后不生效」的坑。
   ========================================================= */
:root{
  --c-lime:#4ADE80;        /* 主绿：强调 / CTA */
  --c-ink-green:#052E16;   /* 绿底上的深绿文字 */
  --c-ink:#0A0B0E;         /* 纯墨页面底 */
  --c-ink-2:#0E0F13;       /* 实心底条（数据条 / FAQ） */
  --c-text:#FAFAFA;        /* 主文字 */
  --c-muted:#9CA3AF;       /* 次要文字 */
  --font-head:"Noto Serif JP", serif;
  --font-body:"Noto Sans JP", sans-serif;
  --font-num:"Inter Tight", sans-serif;
}

/* 2) 4 套背景（套到区块「高级 → CSS Classes」） */
.bg-aurora      { background: radial-gradient(circle at 18% 50%, rgba(74,222,128,.35) 0%, #0A0A0D 70%) !important; }
.bg-haze        { background: radial-gradient(circle at 50% 50%, #16191E 0%, #060709 100%) !important; }
.bg-forest      { background: linear-gradient(135deg, #0A120C 0%, #050606 50%, #0B160F 100%) !important; }
.bg-forest-deep { background: linear-gradient(135deg, #070B08 0%, #030504 50%, #080E09 100%) !important; }

/* 3) 文字工具类 */
.t-lime  { color: var(--c-lime) !important; }
.t-text  { color: var(--c-text) !important; }
.t-muted { color: var(--c-muted) !important; }

/* 4) 18+ 年龄提示条（挂在 Header 内，全站固定） */
.elfbar-agegate{
  background: var(--c-ink-green);
  color: var(--c-lime);
  font-family: var(--font-body);
  font-size: 12px;
  text-align: center;
  padding: 6px 16px;
  letter-spacing: .02em;
}

/* =========================================================
   5) 全局深色基底（所有页面，含 Shoptimizer 默认首页）
   免费版无法用构建器重排布局，这里把默认浅色主题强压成
   深色绿调，让整站视觉先接近设计稿配色。
   ========================================================= */
body,
#page,
.site,
.site-content,
.content-area,
.site-main{
  background-color: var(--c-ink) !important;
  color: var(--c-text) !important;
  font-family: var(--font-body) !important;
}

/* 标题走宋体衬线 */
h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .widget-title,
.woocommerce-loop-product__title,
.product_title{
  font-family: var(--font-head) !important;
  color: var(--c-text) !important;
}

/* 链接走绿 */
a{ color: var(--c-lime) !important; }
a:hover{ color: #7DF0A8 !important; }

/* 主按钮：绿底深绿字（全局 + WooCommerce） */
.button,
button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce input.button{
  background: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-radius: 999px !important;
  font-family: var(--font-body) !important;
  font-weight: 700;
  padding: 14px 28px !important;
  border: none !important;
  cursor: pointer;
}
.button:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  filter: brightness(1.08);
}

/* 价格走绿色 + Inter Tight（全局 + WooCommerce） */
.price, .amount,
.woocommerce .price,
.woocommerce .amount{
  color: var(--c-lime) !important;
  font-family: var(--font-num) !important;
}

/* 输入框 / 文本域暗底 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce textarea,
.woocommerce .input-text{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border: 1px solid #1F2430 !important;
  border-radius: 12px !important;
}

/* 顶部 / 底部强制深色（覆盖 Shoptimizer 默认浅色） */
.site-header, .site-footer,
.header, .footer,
.shoptimizer-site-header, .shoptimizer-pro-header,
.site-header .header, .site-footer .footer{
  background: var(--c-ink) !important;
  color: var(--c-text) !important;
}

/* 商品卡 / 内容区块暗底 */
.products .product,
ul.products li.product,
.card, .box,
.hentry, .post,
article.type-product{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
}

/* =========================================================
   6) WooCommerce 特定兜底（结构保留，强化可点性）
   ========================================================= */
body.woocommerce,
.woocommerce-page,
.post-type-archive-product,
.single-product,
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account{
  background: var(--c-ink) !important;
  color: var(--c-text) !important;
  font-family: var(--font-body) !important;
}

.woocommerce ul.products li.product .price{
  color: var(--c-lime) !important;
}

/* =========================================================
   7) Elementor 页面强制深色覆盖（解决「section 浅色反差」）
   Elementor 把每个 section 的背景写在 elementor-post-XXXX-css，
   且该文件在子主题之后加载、优先级更高。这里用 body 前缀提升
   特异性 + !important，把 Elementor 区块也拉成深色绿调。
   要恢复「4 套背景节律」，在 Elementor 编辑器给各 section
   「高级 → CSS Classes」填 bg-aurora / bg-haze / bg-forest /
   bg-forest-deep 即可（见下方高特异性定义，不会被透明段盖掉）。
   ========================================================= */
body .elementor-section,
body .elementor-column,
body .elementor-container,
body .elementor-widget-wrap,
body .elementor-element-populated,
body .elementor-widget-container{
  background-color: transparent !important;
}
body .elementor-heading-title{
  font-family: var(--font-head) !important;
  color: var(--c-text) !important;
}
body .elementor-widget-text-editor,
body .elementor-widget-text-editor .elementor-widget-container,
body .elementor-text-editor{
  color: var(--c-muted) !important;
}
body .elementor-button,
body .elementor-button-link,
body a.elementor-button{
  background-color: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-radius: 999px !important;
  font-family: var(--font-body) !important;
  font-weight: 700;
}
body .elementor-button:hover{ filter: brightness(1.08); }

/* bg-* 背景类：提高特异性，确保 Elementor section 套类时不被上方透明段盖掉 */
body .elementor-section.bg-aurora,
body .elementor-column.bg-aurora{
  background: radial-gradient(circle at 18% 50%, rgba(74,222,128,.35) 0%, #0A0A0D 70%) !important;
}
body .elementor-section.bg-haze,
body .elementor-column.bg-haze{
  background: radial-gradient(circle at 50% 50%, #16191E 0%, #060709 100%) !important;
}
body .elementor-section.bg-forest,
body .elementor-column.bg-forest{
  background: linear-gradient(135deg, #0A120C 0%, #050606 50%, #0B160F 100%) !important;
}
body .elementor-section.bg-forest-deep,
body .elementor-column.bg-forest-deep{
  background: linear-gradient(135deg, #070B08 0%, #030504 50%, #080E09 100%) !important;
}

/* =========================================================
   段 8 · 全面深色化（Elementor 中间层 + 内联浅色背景）
   解决「section 已透明，但内部白卡片 / 浅灰卡片仍在」的问题
   ========================================================= */
/* 8a 透明化所有 Elementor 中间层（含嵌套 inner / row / e-con），露出 body 深色基底 */
body:not(.elementor-editor-active) .elementor-section,
body:not(.elementor-editor-active) .elementor-column,
body:not(.elementor-editor-active) .elementor-container,
body:not(.elementor-editor-active) .elementor-row,
body:not(.elementor-editor-active) .elementor-inner-section,
body:not(.elementor-editor-active) .elementor-inner-column,
body:not(.elementor-editor-active) .elementor-widget-wrap,
body:not(.elementor-editor-active) .elementor-element-populated,
body:not(.elementor-editor-active) .elementor-widget-container,
body:not(.elementor-editor-active) .elementor-widget,
body:not(.elementor-editor-active) .e-con,
body:not(.elementor-editor-active) .e-parent{
  background-color: transparent !important;
  background-image: none !important;
}
/* 8b 清除内联浅色背景（白 / 浅灰卡片），保留按钮 / 价格 / 链接 / A */
body:not(.elementor-editor-active) [style*="background"]:not(button):not(.elementor-button):not(.elementor-button-link):not(.price):not(.amount):not(a){
  background-color: transparent !important;
  background-image: none !important;
}
/* 8c 文字提亮（覆盖 Elementor 内部深色字，保证深色底可读） */
body:not(.elementor-editor-active) .elementor-widget,
body:not(.elementor-editor-active) .elementor-widget *{
  color: var(--c-text) !important;
}
/* 8d 重新锁定亮色元素（必须在 8c 之后，保证最后赢） */
body:not(.elementor-editor-active) .price,
body:not(.elementor-editor-active) .amount,
body:not(.elementor-editor-active) .woocommerce .price,
body:not(.elementor-editor-active) .woocommerce .amount{
  color: var(--c-lime) !important;
}
body:not(.elementor-editor-active) a{ color: var(--c-lime) !important; }
body:not(.elementor-editor-active) .elementor-button,
body:not(.elementor-editor-active) .elementor-button-link,
body:not(.elementor-editor-active) a.elementor-button{
  background-color: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
}

/* =========================================================
   段 9 · 商品详情页（WooCommerce 默认模板 / 非 Elementor 页）深色化
   作用域：body.single-product
   问题：该页白底来自 Shoptimizer 自身 CSS 类（.site-content /
   .summary / .woocommerce-tabs 等），段 8 的 Elementor 选择器
   命中不到，故需单独覆盖。
   ========================================================= */
.single-product #page,
.single-product .site-content,
.single-product #content,
.single-product .content-area,
.single-product .product,
.single-product .summary,
.single-product .entry-summary,
.single-product .woocommerce-tabs,
.single-product .woocommerce-tabs .tabs,
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
.single-product .related,
.single-product .upsells,
.single-product .up-sells,
.single-product .woocommerce-product-gallery,
.single-product .summary-content,
.single-product .cart,
.single-product .variations_form{
  background: transparent !important;
  color: var(--c-text) !important;
}

/* 9a 商品卡 / 规格区 / 关联推荐暗色底座 */
.single-product .summary,
.single-product .entry-summary,
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel,
.single-product .related ul.products li.product,
.single-product .upsells ul.products li.product,
.single-product .up-sells ul.products li.product,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image{
  background: var(--c-ink-2) !important;
  border-radius: 16px !important;
}

/* 9b 价格 → lime + Inter Tight */
.single-product .price,
.single-product .price span,
.single-product .amount,
.single-product .woocommerce-variation-price .price,
.single-product .woocommerce-variation-price .amount{
  color: var(--c-lime) !important;
  font-family: var(--font-num) !important;
}

/* 9c 加购按钮 → 绿底深绿字胶囊 + 文字垂直居中（修复文字偏下） */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button{
  background-color: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border: none !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
}
.single-product .single_add_to_cart_button:hover{
  background-color: #3fe06f !important;
}

/* 9d 数量输入框暗色 */
.single-product .quantity input,
.single-product input.qty,
.single-product .quantity .qty{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border: 1px solid #2a2d34 !important;
}

/* 9e Tabs 导航 */
.single-product .wc-tabs li a,
.single-product .woocommerce-tabs ul.tabs li a{
  color: var(--c-muted) !important;
}
.single-product .wc-tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li.active a{
  color: var(--c-lime) !important;
}

/* 9f 面包屑 */
.single-product .woocommerce-breadcrumb,
.single-product .breadcrumb{
  color: var(--c-muted) !important;
}
.single-product .woocommerce-breadcrumb a{ color: var(--c-lime) !important; }

/* 9g 星级 / 链接悬停 → lime */
.single-product .star-rating::before,
.single-product .star-rating span::before{ color: var(--c-lime) !important; }
.single-product a:hover{ color: var(--c-lime) !important; }

/* 9h 规格表 / 变体 */
.single-product .variations tr,
.single-product .variations td,
.single-product .variations th{
  background: transparent !important;
  color: var(--c-text) !important;
  border-color: #2a2d34 !important;
}
.single-product .wvs-swatch{ border-color: #2a2d34 !important; }

/* 9i 浮动购物车抽屉（fkcart 插件）暗色 */
.fkcart-drawer-container,
.fkcart-drawer-wrap,
.fkcart-item-wrap{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
}
.fkcart-drawer-container .button,
.fkcart-drawer-wrap .button{
  background: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
}

/* =========================================================
   18) 商品详情页 · 数量按钮可见 + 按钮下方文字提亮
   v1.7.3 · 重加（v1.8.1 段13 因整体回退而丢失，此处不带图库/横幅回归）
   ========================================================= */

/* 18a 数量容器：横向排列，确保 + / - 按钮与输入框同行显示 */
.single-product .quantity,
.single-product .quantity.buttons-added{
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
}

/* 18b 数量 + / - 按钮：始终保持可见，暗底白字 + 绿框悬停 */
.single-product .quantity .minus,
.single-product .quantity .plus,
.single-product .quantity button,
.single-product .quantity .qty-modifier{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-height: 50px !important;
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border: 1px solid #2a2d34 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.single-product .quantity .minus,
.single-product .quantity .plus{
  /* 修正 Shoptimizer 默认隐藏 +/- 按钮的行为，强制常显 */
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}
.single-product .quantity .minus:hover,
.single-product .quantity .plus:hover{
  color: var(--c-lime) !important;
  border-color: var(--c-lime) !important;
}

/* 18c 数量输入框：居中、去原生上下箭头干扰 */
.single-product .quantity input.qty,
.single-product .quantity .qty{
  width: 64px !important;
  min-height: 50px !important;
  text-align: center !important;
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border: 1px solid #2a2d34 !important;
  font-family: var(--font-num) !important;
  -moz-appearance: textfield !important;
  box-sizing: border-box !important;
}
.single-product .quantity input.qty::-webkit-outer-spin-button,
.single-product .quantity input.qty::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 18d 购买按钮下方文字提亮（SKU / 分类 / 标签 / 分享 / 收藏 / 短描述） */
.single-product .product_meta,
.single-product .product_meta a,
.single-product .product_meta span,
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as{
  color: var(--c-muted) !important;
}
.single-product .product_meta a:hover{ color: var(--c-lime) !important; }

.single-product .summary .woocommerce-product-details__short-description,
.single-product .summary .product-short-description,
.single-product .summary .short-description,
.single-product .summary .cart + .woocommerce-product-details__short-description,
.single-product .summary .after-cart-content{
  color: var(--c-text) !important;
}
.single-product .summary .woocommerce-product-details__short-description a,
.single-product .summary .after-cart-content a{ color: var(--c-lime) !important; }

.single-product .summary .yith-wcwl-add-to-wishlist a,
.single-product .summary .tinvwl_add_to_wishlist_button,
.single-product .summary .social-share a,
.single-product .summary .after-cart-actions a,
.single-product .summary .share-button,
.single-product .summary .wishlist-button{
  color: var(--c-muted) !important;
}
.single-product .summary .yith-wcwl-add-to-wishlist a:hover,
.single-product .summary .after-cart-actions a:hover,
.single-product .summary .share-button:hover,
.single-product .summary .wishlist-button:hover{ color: var(--c-lime) !important; }

/* 18e 数量输入框与购买按钮强制并排 */
.single-product form.cart,
.single-product .summary form.cart,
.single-product .woocommerce-variation-add-to-cart{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.single-product form.cart .quantity,
.single-product form.cart .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 18f 购买按钮下方文字/图标强制可见（更高特异性覆盖 Shoptimizer 深色） */
body.single-product .product_meta,
body.single-product .product_meta > span,
body.single-product .product_meta .sku_wrapper,
body.single-product .product_meta .posted_in,
body.single-product .product_meta .tagged_as,
body.single-product .product_meta .sku,
body.single-product .product_meta a,
body.single-product .product_meta span{
  color: var(--c-muted) !important;
}
body.single-product .product_meta a:hover{ color: var(--c-lime) !important; }

body.single-product .summary .after-cart-actions,
body.single-product .summary .after-cart-content,
body.single-product .summary .product-share,
body.single-product .summary .yith-wcwl-add-to-wishlist,
body.single-product .summary .tinvwl_add_to_wishlist_button,
body.single-product .summary .woosw-btn,
body.single-product .summary .woosq-btn,
body.single-product .summary .share-button,
body.single-product .summary .wishlist-button,
body.single-product .summary .compare-button{
  color: var(--c-muted) !important;
}
body.single-product .summary .after-cart-actions a,
body.single-product .summary .after-cart-content a,
body.single-product .summary .product-share a,
body.single-product .summary .yith-wcwl-add-to-wishlist a,
body.single-product .summary .tinvwl_add_to_wishlist_button,
body.single-product .summary .woosw-btn,
body.single-product .summary .woosq-btn,
body.single-product .summary .share-button,
body.single-product .summary .wishlist-button,
body.single-product .summary .compare-button,
body.single-product .summary .after-cart-actions i,
body.single-product .summary .after-cart-content i,
body.single-product .summary .product-share i,
body.single-product .summary .share-button i,
body.single-product .summary .wishlist-button i,
body.single-product .summary .compare-button i,
body.single-product .summary .yith-wcwl-add-to-wishlist i,
body.single-product .summary .tinvwl_add_to_wishlist_button i{
  color: var(--c-muted) !important;
}
body.single-product .summary .after-cart-actions a:hover,
body.single-product .summary .after-cart-content a:hover,
body.single-product .summary .product-share a:hover,
body.single-product .summary .yith-wcwl-add-to-wishlist a:hover,
body.single-product .summary .share-button:hover,
body.single-product .summary .wishlist-button:hover,
body.single-product .summary .compare-button:hover,
body.single-product .summary .after-cart-actions a:hover i,
body.single-product .summary .after-cart-content a:hover i,
body.single-product .summary .product-share a:hover i,
body.single-product .summary .share-button:hover i,
body.single-product .summary .wishlist-button:hover i,
body.single-product .summary .compare-button:hover i{
  color: var(--c-lime) !important;
}

/* =========================================================
   10) Checkout / 购物车结算页深色覆盖
   WooCommerce 默认 checkout 右侧订单摘要常是白底卡片
   ========================================================= */

/* 10a 整个 checkout 主区深色化 */
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout main.site-main,
body.woocommerce-checkout .page-content,
body.woocommerce-checkout .entry-content{
  background: var(--c-ink) !important;
  color: var(--c-text) !important;
}

/* 10b 左侧账单/配送表单容器 */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-checkout .col2-set{
  background: transparent !important;
  color: var(--c-text) !important;
}

/* 10c 右侧订单摘要（ご注文） */
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border-color: #2a2d34 !important;
}
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr{
  border-color: #2a2d34 !important;
}

/* 10d 产品名称 / 价格 */
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-checkout-review-order-table .order-total,
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals{
  color: var(--c-text) !important;
}
.woocommerce-checkout-review-order-table .amount,
.woocommerce-checkout-review-order-table .order-total .amount{
  color: var(--c-lime) !important;
  font-family: var(--font-num) !important;
}

/* 10e 配送选项 */
.woocommerce-checkout .woocommerce-shipping-methods li,
.woocommerce-checkout .woocommerce-shipping-methods label{
  background: transparent !important;
  color: var(--c-text) !important;
}
.woocommerce-checkout .woocommerce-shipping-methods input[type="radio"]{
  accent-color: var(--c-lime);
}

/* 10f 优惠券区 */
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-info{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border: 1px solid #2a2d34 !important;
}
.woocommerce-checkout .woocommerce-form-coupon input,
.woocommerce-checkout .checkout_coupon input,
.woocommerce-checkout .woocommerce-form-coupon .input-text{
  background: #111318 !important;
  color: var(--c-text) !important;
  border: 1px solid #2a2d34 !important;
}
.woocommerce-checkout .woocommerce-form-coupon .button,
.woocommerce-checkout .checkout_coupon .button{
  background: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-radius: 999px !important;
}

/* 10g 支付区（非 iframe 部分） */
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout-payment ul.payment_methods,
.woocommerce-checkout-payment div.payment_box,
.woocommerce-checkout-payment .payment_method_stripe{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border-color: #2a2d34 !important;
}
.woocommerce-checkout-payment ul.payment_methods li{
  background: transparent !important;
  border-color: #2a2d34 !important;
}
.woocommerce-checkout-payment div.payment_box::before{
  border-bottom-color: var(--c-ink-2) !important;
}
.woocommerce-checkout-payment input[type="radio"]{
  accent-color: var(--c-lime);
}

/* 10h 提交订单按钮 */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button#place_order{
  background: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* 10i 必填星号 */
.woocommerce-checkout .required,
.woocommerce-checkout label abbr.required{
  color: #ef4444 !important;
}

/* 10j 校验提示 */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info{
  background: var(--c-ink-2) !important;
  color: var(--c-text) !important;
  border-left: 4px solid var(--c-lime) !important;
}

/* =========================================================
   11) 商品列表 hover 配色修复
   解决：hover 时标题/价格变成深色（在产品图上看不清），
   以及变体商品的"オプションを選択"按钮 hover 配色异常。
   ========================================================= */

/* 11a 平滑过渡：避免 hover 突变闪烁 */
ul.products li.product,
.products .product,
.elementor-products-grid .product,
.wc-block-grid__product,
.woocommerce-page ul.products li.product,
.archive ul.products li.product{
  transition: transform .25s ease, box-shadow .25s ease,
              border-color .25s ease, background-color .25s ease !important;
}

/* 11b hover 明确高亮：绿框 + 上浮 + 绿色辉光 + 暗底卡片 */
ul.products li.product:hover,
.products .product:hover,
.elementor-products-grid .product:hover,
.wc-block-grid__product:hover,
.woocommerce-page ul.products li.product:hover,
.archive ul.products li.product:hover{
  background: rgba(14,15,19,.6) !important;
  box-shadow: 0 0 0 1px var(--c-lime),
              0 14px 30px rgba(74,222,128,.22) !important;
  transform: translateY(-6px) !important;
  z-index: 2 !important;
}

/* 11c hover 时标题 / 分类 / 链接 强制浅色 */
ul.products li.product:hover .woocommerce-loop-product__title,
ul.products li.product:hover .woocommerce-loop-category__title,
ul.products li.product:hover .woocommerce-LoopProduct-link h2,
ul.products li.product:hover .product-title,
ul.products li.product:hover .woocommerce-loop-product__link,
ul.products li.product:hover .product_type_variable,
.products .product:hover .woocommerce-loop-product__title,
.elementor-products-grid .product:hover .woocommerce-loop-product__title,
.wc-block-grid__product:hover .wc-block-grid__product-title,
ul.products li.product:hover a{
  color: var(--c-text) !important;
}

/* 11d hover 时价格保持 lime */
ul.products li.product:hover .price,
ul.products li.product:hover .amount,
.products .product:hover .price,
.elementor-products-grid .product:hover .price,
.wc-block-grid__product:hover .price{
  color: var(--c-lime) !important;
}

/* 11e hover 时按钮保持绿底深绿字胶囊 */
ul.products li.product:hover .button,
ul.products li.product:hover .product_type_variable,
ul.products li.product:hover .product_type_simple,
ul.products li.product:hover .add_to_cart_button,
ul.products li.product:hover .ajax_add_to_cart,
.products .product:hover .button,
.elementor-products-grid .product:hover .button,
.wc-block-grid__product:hover .wp-block-button__link{
  background: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-radius: 999px !important;
  border-color: var(--c-lime) !important;
}

/* 11f hover 时促销/折扣标签保持可读 */
ul.products li.product:hover .onsale,
ul.products li.product:hover .badge,
.products .product:hover .onsale{
  color: var(--c-text) !important;
  background: var(--c-lime) !important;
}

/* 11g 清除 Shoptimizer 给 hover 卡片加的浅色覆盖层 */
ul.products li.product:hover::before,
ul.products li.product:hover::after,
.products .product:hover::before,
.products .product:hover::after{
  background: transparent !important;
}

/* 11h 商品图 hover 遮罩变白时强制透明 */
ul.products li.product:hover .woocommerce-image__wrapper::after,
ul.products li.product:hover .product-image-wrapper::after,
ul.products li.product:hover figure::after{
  background: transparent !important;
  opacity: 0 !important;
}

/* 16) 商品列表（首页/商店）加购按钮文字垂直居中 */
ul.products li.product .add_to_cart_button,
ul.products li.product .button,
.woocommerce ul.products li.product .button,
ul.products li.product .product_type_simple,
ul.products li.product .product_type_variable,
.products li.product .button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* 17) 商品列表加购按钮点击/聚焦/加载态去白 */
ul.products li.product .add_to_cart_button:active,
ul.products li.product .add_to_cart_button:focus,
ul.products li.product .add_to_cart_button:hover,
ul.products li.product .add_to_cart_button.loading,
ul.products li.product .button:active,
ul.products li.product .button:focus,
ul.products li.product .button:hover,
ul.products li.product .button.loading,
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product .button:focus,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button.loading,
.products li.product .button:active,
.products li.product .button:focus,
.products li.product .button:hover,
.products li.product .button.loading{
  background-color: var(--c-lime) !important;
  color: var(--c-ink-green) !important;
  border-color: var(--c-lime) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 17b loading 动画/图标保持深绿，不要变白 */
ul.products li.product .add_to_cart_button.loading::after,
ul.products li.product .button.loading::after,
.woocommerce ul.products li.product .button.loading::after{
  color: var(--c-ink-green) !important;
  border-color: var(--c-ink-green) !important;
}

/* 17c 按钮周围可能出现的白色 focus-ring / ripple 强制透明或深色 */
ul.products li.product .add_to_cart_button:focus-visible,
ul.products li.product .button:focus-visible{
  outline: 2px solid var(--c-lime) !important;
  outline-offset: 2px !important;
}