/*
 * 文件作用：
 * lumavet.com 产品详情页 pd-wrap 浅色配色覆盖层。
 *
 * 设计目标：
 *   - 保留 product.css 的所有布局 / 网格 / 间距规则
 *   - 只覆盖颜色、边框、阴影等"皮肤"层
 *   - 视觉风格：白底浅紫调，符合 lumavet 品牌「专业医疗设备资料页」
 *
 * 配色基调（与 lumavet-theme.css / lumavet-home.css 同源）：
 *   主品牌紫 #5f4175    ← 替代 iwamed 的 #C8102E 红色
 *   亮紫     #9569b5    ← hover/强调
 *   极浅紫   #f0ebf8    ← 卡片淡背景、表头
 *   浅紫     #e2d9ef    ← 边框、分隔
 *   带紫白   #faf8fd    ← 卡片底色（比纯白柔和）
 *   主文字   #1a1a1f
 *   副文字   #3f3f3f
 *   弱文字   #7a7a8a
 *   中性边框 #e8eaed
 *
 * 作用域：body.pmgr-site-lumavet 内的 .pd-wrap
 *
 * 重要：product.css 的 Part B 选择器（.single-product .pd-wrap …）大量使用 !important
 *      来对抗 Blocksy 主题；所以本文件的颜色 override 也必须用 !important，且选择器
 *      特异性 ≥ Part B（推荐 body.pmgr-site-lumavet.single-product 双 class 提升特异性）。
 *
 * 加载方式：通过 wp-mu-plugins/pmgr-site-frontend.php 的 fallback hook，
 *         仅在 lumavet WooCommerce 产品详情页上加载，不影响其他站点和其他页面。
 */

/* ══════════════════════════════════════════════════════════════
   主容器：白底取代黑底
   product.css Part B 用 `#tab-description .pd-wrap` (特异性 0,1,1,0)
   设置黑底，必须用同样含 ID 选择器的链路覆盖，否则 class 链路再多也输给 ID。
   ══════════════════════════════════════════════════════════════ */
body.pmgr-site-lumavet .pd-wrap,
body.pmgr-site-lumavet #tab-description .pd-wrap,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap,
body.pmgr-site-lumavet .woocommerce-Tabs-panel--description .pd-wrap,
body.pmgr-site-lumavet .entry-content .pd-wrap,
body.pmgr-site-lumavet.single-product div.pd-wrap {
  background: #ffffff !important;
  color: #1a1a1f !important;
  border: 1px solid #e8eaed !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* ──────────────────────────────────────────────────────────────
   Tagline：紫色左竖条 + 深灰文字
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-tagline,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-tagline {
  color: #1a1a1f !important;
  border-left-color: #5f4175 !important;
}

/* ──────────────────────────────────────────────────────────────
   卡片：极浅紫白底 + 浅紫描边 + 紫色左边线
   作用域用 body.pmgr-site-lumavet.single-product 双 class 提升特异性，
   压过 product.css 的 .single-product .pd-wrap .pd-card !important
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-card,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-card,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card {
  background: #faf8fd !important;
  border: 1px solid #e2d9ef !important;
  border-left: 3px solid #5f4175 !important;
  color: #1a1a1f !important;
}

/* 卡片 h3 标题：紫色下划线 + 深色字 */
body.pmgr-site-lumavet .pd-wrap .pd-card h3,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card h3,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-card h3,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card h3 {
  color: #1a1a1f !important;
  border-bottom-color: #5f4175 !important;
}

/* 卡片 h4 子标题：紫色文字 + 紫色左竖条（覆盖 product.css Part B 的红色竖条） */
body.pmgr-site-lumavet .pd-wrap .pd-card h4,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card h4,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card h4 {
  color: #5f4175 !important;
  border-left-color: #5f4175 !important;
}

/* 卡片 p/li/td：深灰文字 + 透明背景 */
body.pmgr-site-lumavet .pd-wrap .pd-card p,
body.pmgr-site-lumavet .pd-wrap .pd-card li,
body.pmgr-site-lumavet .pd-wrap .pd-card td,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card p,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card li,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card td,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-card p,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-card li,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-card td,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card p,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card li,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card td {
  color: #3f3f3f !important;
  background: transparent !important;
}

/* 卡片 strong：主品牌紫 */
body.pmgr-site-lumavet .pd-wrap .pd-card strong,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-card strong,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-card strong {
  color: #5f4175 !important;
}

/* ──────────────────────────────────────────────────────────────
   Hero Media 主图区
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-hero-media__visual,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-hero-media__visual {
  border: 1px solid #e8eaed !important;
  background: #f8f9fa !important;
}

/* 右侧 facts 容器：淡紫底 + 紫色描边 */
body.pmgr-site-lumavet .pd-wrap .pd-hero-media__facts,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-hero-media__facts {
  border: 1px solid #d8c7eb !important;
  background: rgba(95, 65, 117, 0.04) !important;
}

/* 单条 fact 卡片：白底 + 浅灰描边 + 紫色左竖条 */
body.pmgr-site-lumavet .pd-wrap .pd-fact,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-fact {
  background: #ffffff !important;
  border: 1px solid #e8eaed !important;
  border-left: 3px solid #5f4175 !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-fact__label,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-fact__label {
  color: #7a7a8a !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-fact__value,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-fact__value {
  color: #1a1a1f !important;
}

/* ──────────────────────────────────────────────────────────────
   视频容器
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-video-frame,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-video-frame {
  background: #f8f9fa !important;
  border: 1px solid #e8eaed !important;
}

/* ──────────────────────────────────────────────────────────────
   媒体网格（Product Appearance）
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-media-item,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item {
  background: #ffffff !important;
  border: 1px solid #e8eaed !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-media-item img,
body.pmgr-site-lumavet .pd-wrap .pd-media-item video,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item img,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item video {
  background: #f8f9fa !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-media-item figcaption,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item figcaption {
  color: #3f3f3f !important;
  background: #ffffff !important;
}

/* ──────────────────────────────────────────────────────────────
   临床应用网格（Clinical Applications）
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-usecase,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-usecase {
  background: #ffffff !important;
  border: 1px solid #e8eaed !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-usecase strong,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-usecase strong {
  color: #5f4175 !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-usecase span,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-usecase span {
  color: #3f3f3f !important;
}

/* ──────────────────────────────────────────────────────────────
   下载列表（Downloads / Documentation）
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-download-list a,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-download-list a {
  background: #ffffff !important;
  border: 1px solid #e8eaed !important;
  color: #1a1a1f !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-download-list a:hover,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-download-list a:hover {
  border-color: #5f4175 !important;
  background: #faf8fd !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-download-list a::after,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-download-list a::after {
  background: #f0ebf8 !important;
  color: #5f4175 !important;
}

/* ──────────────────────────────────────────────────────────────
   规格表（Technical Specifications）
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-table,
body.pmgr-site-lumavet .pd-wrap .pd-specs,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-table,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-specs {
  background: #ffffff !important;
}

/* pd-specs（2 列）— Part B 用 transparent 背景 + 白色文字 + 暗描边，需要全部翻新 */
body.pmgr-site-lumavet .pd-wrap .pd-specs td,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-specs td,
body.pmgr-site-lumavet .woocommerce-Tabs-panel .pd-wrap .pd-specs td,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-specs td {
  background: transparent !important;
  color: #1a1a1f !important;
  border-bottom-color: #e2d9ef !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-specs td:first-child,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-specs td:first-child,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-specs td:first-child {
  color: #7a7a8a !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-specs td:last-child,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-specs td:last-child,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-specs td:last-child {
  color: #1a1a1f !important;
}

/* pd-table（3+ 列）— 含 th 表头 */
body.pmgr-site-lumavet .pd-wrap .pd-table th,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-table th {
  background: #f0ebf8 !important;
  color: #1a1a1f !important;
  border: 1px solid #e2d9ef !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-table td,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-table td {
  background: #ffffff !important;
  color: #1a1a1f !important;
  border: 1px solid #e8eaed !important;
}

/* 偶数行斑马纹 */
body.pmgr-site-lumavet .pd-wrap .pd-table tr:nth-child(even) td,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-table tr:nth-child(even) td {
  background: #faf8fd !important;
}

/* ──────────────────────────────────────────────────────────────
   pd-gallery 图片边框（Part B 用白色暗描边）
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-gallery img,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-gallery img,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-gallery img {
  border: 1px solid #e8eaed !important;
}

/* ──────────────────────────────────────────────────────────────
   Key Features 列表：紫色对勾
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-feat-list li,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-feat-list li {
  color: #1a1a1f !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-feat-list li::before,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-feat-list li::before,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-feat-list li::before {
  color: #5f4175 !important;
}

/* ──────────────────────────────────────────────────────────────
   Package Includes 列表：紫色圆点
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-pkg-list li,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-pkg-list li {
  color: #1a1a1f !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-pkg-list li::before,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-pkg-list li::before,
body.pmgr-site-lumavet .entry-content .pd-wrap .pd-pkg-list li::before {
  background: #5f4175 !important;
}

/* ──────────────────────────────────────────────────────────────
   FAQ
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap .pd-faq dt,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-faq dt {
  color: #1a1a1f !important;
  border-bottom-color: #e2d9ef !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-faq dt::before,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-faq dt::before {
  color: #5f4175 !important;
}

body.pmgr-site-lumavet .pd-wrap .pd-faq dd,
body.pmgr-site-lumavet.single-product .pd-wrap .pd-faq dd {
  color: #3f3f3f !important;
}

/* ──────────────────────────────────────────────────────────────
   描述区超链接
   ────────────────────────────────────────────────────────────── */
body.pmgr-site-lumavet .pd-wrap a,
body.pmgr-site-lumavet.single-product .pd-wrap a {
  color: #5f4175 !important;
}

body.pmgr-site-lumavet .pd-wrap a:hover,
body.pmgr-site-lumavet.single-product .pd-wrap a:hover {
  color: #9569b5 !important;
}

/* ──────────────────────────────────────────────────────────────
   响应式：手机端图片背景白底
   ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  body.pmgr-site-lumavet .pd-wrap .pd-media-item img,
  body.pmgr-site-lumavet .pd-wrap .pd-media-item video,
  body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item img,
  body.pmgr-site-lumavet.single-product .pd-wrap .pd-media-item video {
    background: #ffffff !important;
  }
}
