/**
 * VOS Product Description CSS (.vos-pd system)
 * 文件路径: /wp-content/themes/astra-child/css/vos-pd.css
 * 配合 PART 10 PHP 通过 wp_enqueue_style 加载
 * 版本: 1.1
 */

/* === VOS Product Description Base === */
.vos-pd{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#333;line-height:1.7;font-size:15.5px;max-width:100%!important;width:100%!important}
.vos-pd *{box-sizing:border-box!important}
.vos-pd h2{font-family:'Inter',sans-serif;font-size:20px;color:#2D5016;font-weight:700;margin:32px 0 14px;padding-bottom:10px;border-bottom:2px solid #2D5016}
.vos-pd h2:first-of-type{margin-top:0}
.vos-pd h3{font-size:17px;color:#1A1A1A;font-weight:600;margin:24px 0 10px}
.vos-pd p{margin:0 0 16px;font-size:15.5px}
.vos-pd a{color:#4CAF50;text-decoration:underline;text-underline-offset:2px}
.vos-pd a:hover{color:#2D5016}
.vos-pd strong{font-weight:700}

/* === Stat Bar === */
.vos-pd .vos-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border:2px solid #2D5016;border-radius:8px;margin:16px 0 28px;overflow:hidden}
.vos-pd .vos-stats-i{text-align:center;padding:14px 8px;border-right:1px solid #e8ede3;background:#F5F7F0}
.vos-pd .vos-stats-i:last-child{border-right:0}
.vos-pd .vos-stats-v{font-size:22px;font-weight:700;color:#2D5016;display:block;line-height:1.15}
.vos-pd .vos-stats-l{font-size:11px;text-transform:uppercase;color:#888;letter-spacing:.8px;margin-top:3px;display:block}

/* === Spec Table === */
.vos-pd .vos-mt{width:100%!important;border-collapse:collapse;margin:16px 0 28px;font-size:14.5px}
.vos-pd .vos-mt thead th{background:#2D5016;color:#fff;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;font-size:13px;text-transform:uppercase}
.vos-pd .vos-mt thead th:first-child{width:35%}
.vos-pd .vos-mt tbody td{padding:9px 14px;border-bottom:1px solid #eee;vertical-align:top}
.vos-pd .vos-mt tbody tr:last-child td{border-bottom:0}
.vos-pd .vos-mt tbody td:first-child{font-weight:600;color:#555;white-space:nowrap}

/* === Flavor Cards === */
.vos-pd .vos-fg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:16px 0 28px}
.vos-pd .vos-fc{border:1px solid #e2e2e2;border-radius:8px;overflow:hidden}
.vos-pd .vos-fc-h{padding:10px 14px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#fff;display:flex!important;align-items:center;gap:6px;background:#2D5016}
.vos-pd .vos-fc-b{padding:10px 14px}
.vos-pd .vos-fc-b ul{list-style:none!important;padding:0!important;margin:0!important}
.vos-pd .vos-fc-b li{padding:5px 0;border-bottom:1px solid #f3f3f3;font-size:14px;line-height:1.5;list-style:none!important;margin:0!important}
.vos-pd .vos-fc-b li:last-child{border-bottom:0}
.vos-pd .vos-fc-b li::before{content:none!important}

/* Flavor card color variants */
.vos-pd .vos-fc--mint .vos-fc-h{background:#00897b!important}
.vos-pd .vos-fc--fruit .vos-fc-h{background:#e65100!important}
.vos-pd .vos-fc--berry .vos-fc-h{background:#7b1fa2!important}
.vos-pd .vos-fc--ice .vos-fc-h{background:#1565c0!important}
.vos-pd .vos-fc--tobacco .vos-fc-h{background:#4e342e!important}
.vos-pd .vos-fc--candy .vos-fc-h{background:#d81b60!important}
.vos-pd .vos-fc--tropical .vos-fc-h{background:#ff6f00!important}

/* === Crosslinks === */
.vos-pd .vos-cx{background:#F5F7F0;border-left:3px solid #4CAF50;padding:16px 18px;margin:28px 0;border-radius:0 8px 8px 0}
.vos-pd .vos-cx strong{display:block;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.3px;color:#2D5016}
.vos-pd .vos-cx ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 16px!important}
.vos-pd .vos-cx li{font-size:14px;padding:3px 0;list-style:none!important;margin:0!important}
.vos-pd .vos-cx li::before{content:'→ '!important;color:#4CAF50;font-weight:700}

/* === 3-column grid === */
.vos-pd .vos-fg--3{grid-template-columns:repeat(3,1fr)!important}

/* === WPAUTOP 防护 === */
.vos-pd .vos-fg>p,.vos-pd .vos-fg>br,
.vos-pd .vos-stats>p,.vos-pd .vos-stats>br,
.vos-pd .vos-cx>p,.vos-pd .vos-cx>br,
.vos-pd .vos-cx ul>p,.vos-pd .vos-cx ul>br,
.vos-pd .vos-fc-b>p,.vos-pd .vos-fc-b>br,
.vos-pd>p:empty,.vos-pd>br{display:none!important;margin:0!important;padding:0!important;height:0!important;line-height:0!important}

/* === MOBILE === */
@media(max-width:768px){
.vos-pd .vos-stats{grid-template-columns:repeat(2,1fr)!important}
.vos-pd .vos-stats-i{border-bottom:1px solid #e8ede3}
.vos-pd .vos-stats-i:nth-child(2){border-right:0}
.vos-pd .vos-stats-i:nth-child(3),.vos-pd .vos-stats-i:nth-child(4){border-bottom:0}
.vos-pd .vos-fg,.vos-pd .vos-fg--3{grid-template-columns:1fr!important}
.vos-pd .vos-cx ul{grid-template-columns:1fr!important}
.vos-pd .vos-mt{font-size:13.5px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.vos-pd .vos-mt thead th,.vos-pd .vos-mt tbody td{padding:8px 10px}
.vos-pd .vos-mt tbody td:first-child{white-space:normal!important;word-break:break-word}
}