/* 多产品价格详情页样式（提取自 UI 示例并适配主题） */
.mp-container{ max-width:1200px; margin:0 auto; padding:20px; }
.mp-header{ text-align:center; margin:20px 0 40px; }
.mp-header h1{ font-size:2.5rem; color:#2c3e50; margin:0 0 10px; }
.mp-header p{ text-align:center; font-size:1.1rem; color:#7f8c8d; max-width:700px; margin:0 auto; }

.products-container{ display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin-bottom:50px; }
.product-card{ background:#fff; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,.08); overflow:hidden; width:100%; max-width:350px; transition:transform .3s ease, box-shadow .3s ease; }
.product-card:hover{ transform: translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.12); }
.product-header{ padding:25px 20px; text-align:center; color:#fff; }
.product-basic{ background:linear-gradient(135deg, #3498db, #2980b9); }
.product-pro{ background:linear-gradient(135deg, #9b59b6, #8e44ad); }
.product-enterprise{ background:linear-gradient(135deg, #e74c3c, #c0392b); }
.product-name{ font-size:1.8rem; font-weight:600; margin:0 0 10px; }
.product-description{ font-size:1rem; opacity:.9; }

.product-price{ padding:25px 20px; text-align:center; background:#f8f9fa; }
.price-amount{ font-size:2.5rem; font-weight:700; color:#2c3e50; }
.price-period{ color:#7f8c8d; font-size:1rem; margin-top:5px; }
.price-note{ font-size:.9rem; color:#95a5a6; margin-top:10px; }

.duration-selector{ display:flex; background:#ecf0f1; border-radius:8px; margin:20px; overflow:hidden; }
.duration-option{ flex:1; text-align:center; padding:12px 5px; cursor:pointer; transition:all .2s ease; font-weight:500; }
.duration-option.active{ background:#2c3e50; color:#fff; }

.product-features{ padding:20px; }
.feature-list{ list-style:none; margin:0; padding:0; }
.feature-item{ padding:12px 0; border-bottom:1px solid #ecf0f1; display:flex; align-items:center; }
.feature-item:last-child{ border-bottom:none; }
.feature-icon{ margin-right:10px; color:#27ae60; font-weight:bold; }

.product-actions{ padding:20px; text-align:center; }
.product-actions .btn{ display:inline-block; padding:14px 30px; background:#2c3e50; color:#fff; text-decoration:none; border-radius:6px; font-weight:600; transition:all .3s ease; border:none; cursor:pointer; width:100%; font-size:1rem; }
.product-actions .btn:hover{ background:#34495e; transform: translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,.1); }

.feature-comparison{ margin-top:10px; }

/* 仅在价格详情模板内强制覆盖全局 style.css 的分隔上边距，避免影响其它页面 */
body.page-template-page-multi-pricing .feature-comparison{ padding:10px !important; }
.section-title{ text-align:center; font-size:2rem; color:#2c3e50; margin-bottom:30px; }
.table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.comparison-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,.08); }
.comparison-table th, .comparison-table td{ padding:18px 15px; text-align:center; border-bottom:1px solid #ecf0f1; white-space:nowrap; }
.comparison-table th{ background:#f8f9fa; font-weight:600; color:#2c3e50; }
.comparison-table tr:last-child td{ border-bottom:none; }
.feature-name{ text-align:left; font-weight:500; white-space:normal; }
.check-mark{ color:#27ae60; font-weight:bold; font-size:1.2rem; }
.cross-mark{ color:#e74c3c; font-weight:bold; }

@media (max-width: 992px){ .products-container{ flex-direction:column; align-items:center; } .product-card{ max-width:100%; } }
@media (max-width: 768px){ .comparison-table{ font-size:.9rem; } .comparison-table th, .comparison-table td{ padding:12px 8px; } }
@media (max-width: 576px){ .mp-header h1{ font-size:2rem; } .price-amount{ font-size:2rem; } }

/* === 完全对齐 UI 样例的“产品特性”样式 === */
.product-features{ padding:20px; }
.feature-list{ list-style:none; margin:0; padding:0; }
.feature-item{ display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid #ecf0f1; font-size:15px; color:#2c3e50; }
.feature-item:last-child{ border-bottom:none; }
.feature-icon{ width:18px; text-align:center; color:#27ae60; font-weight:700; flex:0 0 18px; }
.feature-item.is-off .feature-icon{ color:#95a5a6; }
.feature-text{ line-height:1.6; flex:1 1 auto; color:#2c3e50; }
.product-card:hover .feature-item{ border-color:#e5e7eb; }

@media (max-width: 576px){ .feature-item{ font-size:14px; } }

/* 覆盖潜在的公共 .feature-icon 背景，确保与样例一致（无背景，仅绿色 √） */
.product-card .product-features .feature-icon{
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0;
  width: 18px;              /* 保留对齐宽度 */
  min-width: 18px;
  display:inline-block;
  line-height: 1;           /* 避免额外空间 */
  font-size: 15px;          /* 与文本字号一致 */
  color: #2aaa4b;           /* 更接近样例的绿色 */
  vertical-align: baseline;  /* 与文本按基线对齐 */
}
.product-card .product-features .feature-item{ padding: 8px 0; line-height: 1.5; border-bottom-color: #e6e9ef; display:flex; gap:10px; align-items: center; }
.product-card .product-features .feature-text{ display:inline; }
.product-card .product-features .feature-item.is-off .feature-icon{ color:#9aa3ab; }

/* 强覆盖主题全局 style.css 中 .feature-icon 可能设置的 60px 高度，仅限价格卡片内生效 */
.product-card .product-features .feature-icon{
  height: 10px !important;
  line-height: 10px !important;
  margin: 10px !important; /* 取消全局可能的 margin-bottom:1.5em，避免分割线远离文字 */
}