/*
Theme Name: Wolmart
Theme URI: https://d-themes.com/wordpress/wolmart
Author: allthemes.cn
Author URI: https://allthemes.cn/
Description: Wolmart Multi-Vendor Marketplace Responsive Wordpress Theme.
Version: 1.5.0
Tested up to: 5.5
Requires PHP: 7.4
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: e-commerce, one-column, two-columns, three-columns, four-columns, full-width-template, left-sidebar, right-sidebar, custom-menu, custom-background, custom-colors, custom-header, custom-logo, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready, threaded-comments
Text Domain: wolmart
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor {
  display: block;
}

.gallery-caption,
.wp-caption-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 10px;
}

.aligncenter.wp-caption .wp-caption-text {
  padding-bottom: 20px;
}

.alignleft.wp-caption .wp-caption-text {
  padding-bottom: 10px;
}

.blog.home.wolmart-archive-post-layout main {
  padding-top: 0;
}

.wp-block-group.has-background + .btn-readmore {
  display: block;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .blog.home.wolmart-archive-post-layout .post-archive .post-wrap:first-child .post-details {
    padding-top: 10px;
  }
}



/* 产品详情页添加表格格式 */
.table-auto {
  table-layout: auto;
}

.w-full {
  width: 100%;
}

th, td {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

th {
  background-color: #f9fafb;
  font-weight: 600;
}

tbody tr:hover {
  background-color: #f3f4f6;
}




/* 使畅销产品列表与 WooCommerce 产品列表的布局一致 */
/* 产品容器样式 */
/* 确保产品块的外观与页面其他产品一致 */
/* 确保 Best Sellers 产品显示与下方产品一致 */
.best-sellers ul.products.columns-6 li.product {
    width: 16.7%; /* 根据列数调整宽度 */
    margin: 0 1.5% 20px 0;
}

.best-sellers h2 {
    margin-bottom: 20px;
    font-size: 1.5em;
    text-align: center;
}


.products-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.product-item {
    flex: 0 0 16.666667%; /* 100% / 6 */
    max-width: 16.666667%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
}

.product-divider {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin: 20px 0;
}









/* 产品描述放下方后的cssAdjust the width as needed category-description*/








/* best seller 控制显示css-----第二版*/

.best-sellers {
    padding: 20px;
    text-align: center; /* 使框架内的内容居中对齐 */
}

.products-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* 居中对齐框架 */
    max-width: 1200px; /* 限制框架的最大宽度 */
    margin: 0 auto; /* 居中框架 */
     /* 添加左右内边距以防止内容贴边 padding: 0 10px; */
    padding-left: 25px; /* 距离左边25像素 */
}

.products-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* 调整产品间的间距为15px */
    justify-content: flex-start; /* 产品在框架内居中对齐 */
}

.product-item {
    flex: 1 1 calc(16.66% - 15px); /* 6列布局，考虑间距 */
    box-sizing: border-box;
    border: 1px solid #ddd; /* 产品边框 */
    padding: 10px; /* 内边距 */
    max-width: 224px; /* 设置最大宽度为224px */
    text-align: center; /* 使产品内容居中对齐 */
    min-width: 150px; /* 设置最小宽度以避免在非常小屏幕上显示过小 */
}

@media (max-width: 1024px) {
    .product-item {
        flex: 1 1 calc(20% - 15px); /* 5列布局 */
    }
}

@media (max-width: 768px) {
    .product-item {
        flex: 1 1 calc(33.33% - 15px); /* 3列布局 */
    }
}

@media (max-width: 480px) {
    .product-item {
        flex: 1 1 calc(50% - 15px); /* 2列布局 */
        max-width: none; /* 去除最大宽度限制 */
        min-width: 0; /* 允许元素在非常小的屏幕上缩小 */
    }
}

.product-divider {
    margin: 20px 0;
}
/* 去掉产品列表项的标记点 */
.product-wrap {
    list-style: none; /* 去掉列表标记 */
}

.product-wrap::marker {
    content: none; /* 去掉标记点 */
    
/* best seller 控制显示css-----第二版*/