/*
Theme Name: storelight
Theme URI: https://example.com/storelight
Author: 你的名字
Author URI: https://example.com
Template: storefront
Version: 1.0.0
Description: 这是一个基于 Storefront 的子主题。
*/
/* 增加主内容区域宽度 */
/* 全局背景和文字颜色 */
html {
  overflow-y: scroll;  /* 保证滚动条始终显示 */
}

.main-navigation ul.menu > li > a {
  font-weight: 600;
  text-decoration: none; /* 确保默认没有下划线 */
}

.main-navigation ul.menu > li > a:hover {
  color:#ffea00;
  text-decoration: underline;
}

li.wcz-login-logout > a::before {
  content: "\f007" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  font-size: 16px !important;
  color: #bfa17d !important;
}


/* 二次按钮/关注按钮 */
.button.alt,
.woocommerce a.button.alt {
    background-color: #f5be1a;
}
.button.alt:hover,
.woocommerce a.button.alt:hover {
    background-color: #e4b118;
}

/* 页眉 */
.site-header {
    border-bottom: 1px solid #e0e0e0;
}


/* 所有价格字体加粗 */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.price {
    font-weight: 700 !important; /* 或 bold */
}

/* footer4小工具颜色 */
.contact-info{
	margin-top:32px;
}
.contact-info p {
  margin: 4px 0; /* 控制上下行距 */
  font-size: 16px;
  line-height: 2;
}
.contact-info i {
  margin-right: 6px;
  color: #333;
  width: 18px;
  text-align: center;
}
/* 图标颜色分别设置 */
.contact-info .fa-envelope {
  color: #ffffff;
}

.contact-info .fa-phone-alt {
  color: #e53935; /* 红色 */
}

.contact-info .fa-whatsapp {
  color: #25D366; /* WhatsApp 绿色 */
}

.contact-info .fa-map-marker-alt {
  color: #ffffff;
}

/* 收紧 Storefront 页脚上下间距 */
.site-footer {
    padding-top: 20px;
}

/* 可选：收紧底部版权区域 */
.site-info {
    padding-top: 10px;
    font-size: 16px;
}
    /* 收紧 widget 标题与下方内容（如菜单）之间的距离 */
    .footer-widgets .widget .widget-title {
        margin-bottom: 5px; /* 原本可能是 20px，调小即可 */
    }

    /* 去除 widget 内容（比如 ul）顶部的空隙 */
    .footer-widgets .widget ul {
        margin-top: 0;
        padding-top: 0;
    }

@media (min-width: 768px) {
    /* 桌面端收紧四个小工具区域的上下间距 */
    .footer-widgets {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* 可选：收紧每个 widget 的间距 */
    .footer-widgets .widget {
        margin-bottom: 12px;
    }
}

/* 首页服务优先模块 */
.home-service-highlights {
  background: #ffffff;
  padding: 0px 0px 45px 0px;
  text-align: center;
}

.service-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
  margin: 0 auto;
}

.service-box {
  flex: 1 1 250px; 
  justify-content: center;
  display: flex;
  align-items: center;
  background: #fff;
  text-align: left;
}

.service-box img {
  width: 48px;
  height: 48px;
  margin-bottom: 0;
  margin-right: 15px;
    margin-top: -18px;
}

.service-box h4{
  margin: 0;
  font-weight:600;
  font-size:20px;
}

.service-box .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.service-box p {
  font-size: 16px;
  color: #666;
}


@media (max-width: 768px) {
  .service-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding: 10px 0;

    /* 隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
  }

  .service-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }

  .service-box {
    flex: 0 0 auto;
    min-width: 250px;
  }
}

/* 首页服务优先结束 */

/* 侧边栏分类样式 */
.productcate1 li {
  padding: 12px 20px;
  cursor: pointer;
  border-radius: 30px;
  font-weight: 600;
  color: #444;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.08);
  user-select: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  margin-bottom: 12px;
  text-decoration: none;  /* 去掉下划线 */
}
.productcate1 li {
  position: relative;
  padding-left: 26px; /* 给图标留空间 */
}

.productcate1 li::before {
  content: "\f054"; /* fa-check-circle 的 Unicode */
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; /* 实心图标 */
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #333333;
  font-size: 10px;
}

.productcate1 li:hover,
.productcate1 li.active {
background: linear-gradient(135deg, #d4b890, #bfa17d);
  color: #fff;
  transform: translateY(-2px);
  text-decoration: none;  /* 去掉下划线 */
}
/* 侧边栏分类样式结束 */

/* 文章列表页标题字体大小调整 */
.blog .entry-title a,
.archive .entry-title a,
.home .entry-title a {
 font-size: 24px;
 font-weight: 500;
    color: #333333 !important;
    text-decoration: none; /* 如果你想去掉下划线 */
    line-height: 1;
}
/* 产品属性表格颜色 */
   .table-container {
    overflow-x: auto;
  }

  .size-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 400px; /* 保证内容不会在小屏下压缩变形 */
  }

  .size-table th,
  .size-table td {
    border: 1px solid #bbb;
    padding: 10px;
    text-align: center;
    white-space: nowrap; /* 防止自动换行 */
  }

  .size-table th {
    background-color: #f5f5f5;
    font-weight: bold;
  }