/*
Theme Name: 7B2 Child
Theme URI: https://www.hangsizu.com/
Description: Child theme for 7B2
Author: sss
Template: b2
Version: 1.0.0
Text Domain: 7b2-child
*/

/* 你的自定义样式写在这里 */

/* === HangSiZu ACF block for post single === */
.hsz-merchant-topbox{
  border: 2px solid #f0a24b;
  background: #fff;
  padding: 18px;
  border-radius: 6px;
  margin: 18px 0;
}
.hsz-merchant-title{
  margin: 0 0 8px;
  font-size: 24px;
}
.hsz-merchant-sub{
  font-size: 14px;
  line-height: 1.7;
  opacity: .9;
}
.hsz-merchant-actions{ margin-top: 12px; }
.hsz-merchant-btn{
  display:inline-block;
  padding: 8px 14px;
  border-radius: 4px;
  background:#f0a24b;
  color:#fff !important;
  text-decoration:none;
  font-size: 14px;
}

.hsz-merchant-mainbox{
  border: 2px solid #f0a24b;
  background:#fff;
  border-radius: 6px;
  padding: 18px;
  display:flex;
  gap:18px;
  align-items: flex-start;   /* 关键：不再强制等高 */
  margin: 18px 0;
}
.hsz-merchant-left{ flex: 1 1 58%; min-width: 280px; }
.hsz-merchant-right{
  flex: 0 0 34%;          /* 整体变窄（关键） */
  display:flex;
  justify-content: flex-end; /* 向右 */
  align-items: flex-start;   /* 向上 */
}

.hsz-merchant-info{
  list-style:none;
  padding:0;
  margin:0 0 14px;
}
.hsz-merchant-info li{
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
  font-size: 14px;
}
.hsz-merchant-info b{
  color:#f0a24b;
  font-weight: 700;
  margin-right: 6px;
}

.hsz-merchant-tags{ margin-top: 10px; font-size: 14px; }
.hsz-merchant-tags b{ color:#f0a24b; font-weight: 700; margin-right: 8px; }
.hsz-tag{
  display:inline-block;
  padding: 6px 10px;
  background: rgba(240,162,75,.18);
  margin: 6px 8px 0 0;
  border-radius: 3px;
  font-size: 13px;
}

/* 封面固定 8:6 (=4:3) 比例，图片完整显示不裁切 */
.hsz-merchant-cover{
  width: 100%;
  aspect-ratio: 4 / 3;          /* 8:6 就是 4:3 */
  border-radius: 6px;
  overflow: hidden;
  background: rgba(240,162,75,.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hsz-merchant-cover img{
  width: 100%;
  height: 100%;
  object-fit: contain;          /* 关键：完整显示 */
  display: block;
}

.hsz-merchant-intro{
  border: 2px solid #f0a24b;
  border-radius: 6px;
  background:#fff;
  padding: 18px;
  margin: 18px 0;
}
.hsz-merchant-intro-title{
  font-weight:700;
  color:#f0a24b;
  margin-bottom: 10px;
}
.hsz-merchant-intro-body{
  font-size: 15px;
  line-height: 1.9;
}

@media (max-width: 900px){
  .hsz-merchant-mainbox{ flex-direction: column; }
  .hsz-merchant-left, .hsz-merchant-right{ min-width: auto; }
}

/* 体验 tags：强制和“格调雅宴”同风格 */
.hsz-exp-line .hsz-tag{
  display: inline-block !important;
  padding: 6px 10px !important;
  border-radius: 3px !important;

  /* 背景色块 */
  background: rgba(240,162,75,.18) !important;

  /* 文字颜色 */
  color: #d66b0e !important;

  font-size: 13px !important;
  line-height: 1 !important;
  margin: 6px 8px 0 0 !important;
  text-decoration: none !important;
}

/* 标题下面的简介，增加上下间距 */
.entry-header .hsz-brief-under-title{
  margin-top: 14px;   /* 标题和简介之间 */
  margin-bottom: 18px; /* 简介和 meta 之间 */
}
/* ✅ 面包屑：控制红线那条区域的上下间距 */
.hsz-breadcrumb{
  font-size: 13px;
  line-height: 1.2;

  /* 这里就是你要的“上下空间间距” */
  margin: 22px 0 18px;   /* 上22，下18 —— 想更大就加大这两个数 */

  color: rgba(0,0,0,.45);
}

.hsz-breadcrumb a{
  color: #d66b0e;
  text-decoration: none;
}

.hsz-breadcrumb .sep{
  margin: 0 8px;
  color: rgba(0,0,0,.25);
}

/* 仅：热点の情报局 分类下的文章详情页，正文图片自动居中 */
.single.category-zxdl .entry-content img,
.single.category-zxdl .entry-content figure,
.single.category-zxdl .entry-content .wp-block-image {
  text-align: center;
}

.single.category-zxdl .entry-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  max-width: 100%;
}

/* ========== 商家详情页：相册图片（ACF WYSIWYG）左对齐+多图横排换行 ========== */

/* 相册容器：改成 flex，让里面的 p 能横向排列并自动换行 */
.single .hsz-merchant-intro-body{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;              /* 图片之间间距 */
}

/* WYSIWYG 会用 <p> 包住每张图：把 p 变成“占位容器”不要一行一个 */
.single .hsz-merchant-intro-body p{
  margin: 0 !important;   /* 干掉默认段落上下间距 */
  padding: 0 !important;
}

/* 图片：等比例缩小到固定上限，且禁止 margin:auto 居中 */
.single .hsz-merchant-intro-body img{
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 220px;       /* ✅ 你想要的“最大宽”改这里 */
  max-height: 160px;      /* ✅ 你想要的“最大高”改这里 */
  object-fit: contain;
  margin: 0 !important;   /* ✅ 关键：不要 auto，不要居中 */
}

/* 手机端：不要被 max-width 限死，优先适配屏幕宽度 */
@media (max-width: 768px){
  .single .hsz-merchant-intro-body img{
    max-width: 45%;
    max-height: 200px;
  }
}

/* 首页右侧「养生资讯」文章间距 */
.b2-widget-list-ul .widget-post-small {
    margin-bottom: 18px; /* 原来偏挤，建议 12~18 */
}