/* 导航菜单：去除首尾链接的内边距 */
nav[data-menu="type-1"] > ul > li:first-child > a {
	padding-inline-start: 0;
}

nav[data-menu="type-1"] > ul > li:last-child > a {
	padding-inline-end: 0;
}

/* 强调文本统一使用 600 粗细 */
strong, b {
    font-weight: 600;
}

/* 语言切换器圆角 */
.trp-language-switcher > div {
    border-radius: 5px;
}

.ct-product-gallery-container img {
    border-radius: 6px;
}
/* 顶部与底部容器间距设置 */
.ct-container-full[data-vertical-spacing="top:bottom"],
.ct-container[data-vertical-spacing="top:bottom"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 商品属性颜色选择器字体权重 */
.ct-swatch-container .ct-swatch {
	font-weight: 400;
}
/*页面主体内容与页脚之间增加一些间距*/
.page-template-default .entry-content {
    margin-bottom:50px;
}
/* ========== 表格样式增强 ========== */
.entry-content p img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}
/*
 * ===============================================
 *  Websager 文章推荐 - 最终版自适应样式
 * ===============================================
 */
.entry-content .pdp-section-title {
    font-weight: 500;
}
/* 
 * 方案：为 Interlinks Manager 的内链设置一个低调且清晰的样式
 */

/* 默认状态：深灰色文字 + 虚线底边框 */
.entry-content a[data-ail] {
  color: #555; /* 使用深灰色，区别于纯黑正文和蓝色链接 */
  text-decoration: none; /* 移除默认的下划线 */
  border-bottom: 1px dashed #999; /* 使用更柔和的灰色虚线作为标识 */
  font-weight: normal; /* 确保字体不加粗 */
  transition: all 0.2s ease-in-out; /* 为悬停效果增加平滑过渡动画 */
}

/* 鼠标悬停状态：变为和推荐链接一样的蓝色 */
.entry-content a[data-ail]:hover {
  color: #0056b3; /* 悬停时变为和您推荐链接一样的蓝色 */
  border-bottom-color: #0056b3; /* 底边框也变为蓝色 */
  border-bottom-style: solid; /* 边框变为实线，提供更强的点击反馈 */
}

/* 
 * 1. 定义推荐链接的【专属样式】
 *    这部分只管外观（颜色、下划线），不管布局。
 */
.ws-post-rec-link {
    color: #0056b3;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px dotted #0056b3;
    margin:1.5em 0.5em;
}

.ws-post-rec-link:hover {
    color: #007bff;
    border-bottom-style: solid;
}
/* 
 * 2. 处理【文本模式】在独占一行时的【布局】
 *    目标：靠左对齐，下划线长度正常。
 */
.entry-content > .ws-post-rec-link {
    display: block;
    max-width: 720px;
    width: fit-content;
}
/* 
 * 3. 处理【卡片模式】在独占一行时的【布局】
 *    目标：保持居中对齐。
 */
.entry-content > .ws-post-rec-card,
.entry-content > .ws-post-rec-image-card {
    /* 设置最大宽度，防止撑破布局 */
    max-width: 720px; /* 请根据您的主题内容区宽度修改此值 */
    
    /* 关键：设置上下边距，左右边距为 auto，实现【居中对齐】 */
    margin: 1.5em auto;
}
/*
 * 仅针对文章和页面的正文区域内
 */
.single-post .entry-content img,
.single-page .entry-content img,
.single-page .single-tool_block img {
    max-width: 768px; 
}
.entry-content ul {
    padding-left:0;
}
.entry-content ul li {
    list-style: none;
}
/* 基础表格样式设置 */
.type-post .entry-content table,
.type-post .post-content table,
.type-post .wp-block-table table,
.ba-table {
    border-collapse: collapse;
    margin: 2em 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border: 1px solid #ddd;
}
/* 表头样式 */
.type-post .entry-content table thead th,
.type-post .post-content table thead th,
.type-post .wp-block-table table thead th,.ba-table thead th {
    background-color: #2c3e50;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px;
    text-align: left;
    border: 1px solid #0f1a25;
}

/* 单元格样式 */
.type-post .entry-content table td,
.type-post .post-content table td,
.type-post .wp-block-table table td,.ba-table td {
    padding: 12px 16px;
    border: 1px solid #ddd;
    color: #333;
    transition: background-color 0.2s ease;
}

/* 偶数行背景色 */
.type-post .entry-content table tbody tr:nth-child(even),
.type-post .post-content table tbody tr:nth-child(even),
.type-post .wp-block-table table tbody tr:nth-child(even),
.ba-table tbody tr:nth-child(even)
{
    background-color: #f0f2f5;
}

/* 悬停行背景色 */
.type-post .entry-content table tbody tr:hover,
.type-post .post-content table tbody tr:hover,
.type-post .wp-block-table table tbody tr:hover,
.ba-table tbody tr:hover
{
    background-color: #e6f0ff;
}
/* 优化"Reasons to Buy"部分的样式 */
.ct-product-additional-info ul li {
  margin: 10px 0;
  padding: 12px 15px;
  border-radius: 8px;
  border-left: 4px solid #e74c3c;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.ct-product-additional-info ul li {
  margin: 10px 0;
  padding: 12px 15px;
  border-radius: 8px;
  border-left: 4px solid #e74c3c;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.ct-product-additional-info ul li:hover {
  transform: translateX(5px);
  background-color: #f0f0f0;
}

.ct-product-additional-info .ct-icon-container {
  margin-right: 10px;
  display: inline-flex; /* 或者 flex 也可以 */
  align-items: center;   /* 垂直居中SVG */
  justify-content: center; /* 水平居中SVG (如果SVG比容器窄) */
  color: #e74c3c;
  width: 18px;  /* 固定容器宽度 */
  height: 18px; /* 固定容器高度 */
  flex-shrink: 0; /* 防止容器在空间不足时被压缩 */
}

.ct-product-additional-info .ct-icon-container svg {
  display: block; /* 尝试移除SVG可能的底部空白 */
  width: 100%;    /* 让SVG填满容器宽度 */
  height: 100%;   /* 让SVG填满容器高度 */
  max-width: 18px; /* 再次确保不超过18px */
  max-height: 18px;/* 再次确保不超过18px */
}

.ct-product-additional-info .ct-label {
  font-weight: 400;
  font-size: 16px;
  color: #333;
  flex-grow: 1;
  line-height: 1.4; /* 可以尝试明确设置行高，看是否有改善 */
}
/* 文章页面推荐商品 基础样式 */
/* 默认样式 - 改进的水平布局 */
.ws-product-default {
  display: block;
  margin: 15px 0;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.ws-product-default a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.ws-product-image {
  flex: 0 0 auto;
  margin-right: 15px;
}

/* Target the img tag directly if it's inside ws-product-image */
.ws-product-default .ws-product-image img {
  width: auto;
  max-width: 120px;
  height: auto;
  max-height: 120px;
  object-fit: contain;
  border-radius: 6px;
}

.ws-product-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.ws-product-header {
  margin-bottom: 8px;
}

.ws-product-default .ws-title {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  transition: color 0.2s ease-in-out; /* Added for smooth hover */
}

.ws-product-default .ws-desc {
  font-size: 0.9em;
  color: #555;
}

.ws-product-price {
  flex: 0 0 auto;
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.ws-product-default .ws-price {
  font-weight: bold;
  color: #e63946;
  white-space: nowrap;
}

/* 卡片样式 - 垂直卡片布局 */
.ws-product-card {
  display: block;
  margin: 15px 0;
}

.ws-product-card a {
  text-decoration: none;
  color: inherit;
}

.ws-card-inner {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.ws-card-inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.ws-card-header {
  padding: 12px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.ws-product-card .ws-title {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  transition: color 0.2s ease-in-out; /* Added for smooth hover */
}

/* Target the img tag directly if it's inside ws-card-inner */
.ws-product-card .ws-card-inner > img, /* If img is direct child */
.ws-product-card img.ws-card-img /* If you added the class */ {
  width: auto;
  max-width: 100%; /* Allow it to be responsive */
  height: auto;
  max-height: 500px; /* Or your preferred max height */
  margin: 15px auto; /* Center the image if its width is less than container */
  display: block;
  object-fit: cover;
  border-radius: 6px;
}

.ws-card-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Ensure content area can grow */
}

.ws-product-card .ws-desc {
  display: block;
  margin-bottom: 15px;
  font-size: 0.9em;
}

.ws-product-card .ws-price {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #e63946;
  font-size: 1.2em;
  margin-top: auto; /* Pushes price to the bottom if content area is taller */
}

/* 紧凑样式 */
.ws-compact {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
}

.ws-compact .ws-title {
  margin-right: 10px;
  transition: color 0.2s ease-in-out; /* Added for smooth hover */
}

.ws-compact .ws-price {
  font-weight: bold;
  color: #e63946;
}

/* NEW: Title Hover effect */
.ws-product-default .ws-title:hover,
.ws-product-card .ws-title:hover,
.ws-compact .ws-title:hover {
  color: #ce5a45; /* Example hover color, adjust as needed */
}

.promotion-box {
    background-color: #FFF8D1; /* 背景颜色 */
    border: 2px dashed #FF4F4F; /* 虚线边框 */
    padding: 15px; /* 内边距 */
    font-family: Arial, sans-serif; /* 字体 */
    width: 100%; /* 宽度 */
    box-sizing: border-box; /* 确保内边距不影响总宽度 */
    margin-top: 20px; /* 顶部间距 */
    margin-bottom: 20px; /* 下边距 */
    border-radius: 10px; /* 圆角边框 */
    text-align: center; /* 文字居中 */
}

h3.promotion-title {
    color: #D7462D; /* 促销标题颜色 */
    font-size: 20px; /* 字体大小 */
    font-weight: 500; /* 加粗 */
    margin-bottom: 10px; /* 标题下方间距 */
}

.promotion-description {
    color: #555; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    margin: 0; /* 确保没有外边距 */
    padding: 0; /* 确保没有额外的内边距 */
    line-height: 1.4; /* 调整行高，减小行间距 */
}

.promotion-description strong {
    color: #FF4F4F; /* 高亮的 code 颜色 */
}


/* 响应式调整 */
@media (max-width: 999.98px) {
  .ws-product-default a {
    flex-direction: column;
    align-items: stretch; /* Changed from flex-start for better alignment */
  }
  
  .ws-product-image {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
  
  .ws-product-default .ws-product-image img { /* Ensure responsiveness */
    max-width: 100%; 
    max-height:500px;
    height: auto; /* Maintain aspect ratio */
  }
  
  .ws-product-info {
    width: 100%;
    text-align: center; /* Optional: center text on mobile */
  }
  
  .ws-product-price {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    justify-content: center; /* Changed from flex-end for centering */
    text-align: center; /* Optional: center price text */
  }
}

/* 响应式处理：小屏设备下支持横向滚动 */
@media screen and (max-width: 999.98px) {
    .type-post .entry-content table,
    .type-post .post-content table,
    .type-post .wp-block-table table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    .type-post .entry-content table thead th,
    .type-post .post-content table thead th,
    .type-post .wp-block-table table thead th {
        padding: 12px;
        font-size: 13px;
        border: 1px solid #0f1a25;
    }

    .type-post .entry-content table td,
    .type-post .post-content table td,
    .type-post .wp-block-table table td {
        padding: 10px 12px;
        font-size: 13px;
        border: 1px solid #ddd;
    }
}
/* ========== 商品列表样式 ========== */
/* 搜索页面标题和布局调整 */
.swp-rp-page-header h1 {
    font-size: 20px;
}

/* 调整搜索结果容器的外边距和内边距 */
.swp-search-results {
    margin: 20px 0;
}

/* 调整搜索结果项的样式 */
.swp-result-item {
    padding: 15px 0;
    text-align: center;
}

/* 调整标题样式 */
.swp-result-item--info-container .entry-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px;
    line-height: 1.4;
    text-align: center;
    padding:10px 5px 0;
}
/* 调整标题样式 */
.swp-result-item--info-container .entry-title a:hover {
    color:#ce5a45;
}
/* 调整价格样式 */
.swp-result-item--price {
    font-size: 14px;
    color: #FF745F;
    font-weight: 500;
    text-align: center;
}

/* 调整图片容器和图片样式 */
.swp-result-item--img-container,
.swp-result-item--img {
    border-radius: 5px;
    overflow: hidden;
}

.swp-flex .swp-result-item--img-container {
    flex-basis: 15%;
    margin-right: 15px;
}

/* Grid布局下的图片样式 */
.swp-grid .swp-result-item--img {
    margin-bottom: 12px;
    width: 100%;
}

.swp-result-item--img img {
    border-radius: 5px;
}

/* 调整按钮样式 */
.swp-load-more .swp-load-more-button {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #333;
    transition: all 0.3s ease;
}

/* 分页导航样式优化 */
.navigation.pagination .swp-results-pagination.nav-links {
    margin: 30px 0;
}

.navigation.pagination .swp-results-pagination .page-numbers {
    font-size: 14px;
    height: 30px;
    width: 30px;
    color: #666;
    border-color: #e0e0e0;
}

/* 响应式调整 */
@media (max-width: 999.98px) {
    .swp-flex .swp-result-item--img-container {
        flex-basis: 25%;
    }
    
    .swp-result-item--info-container .entry-title {
        font-size: 15px;
    }
    
    .swp-result-item--desc {
        font-size: 12px;
    }
}