/*
 * 本站补丁样式。**只放主题里没有、或必须覆盖的那几条**，
 * 不要往这里搬版式 —— 版式一律靠主题自己那套类名（见 SiteHeader 的说明）。
 *
 * 加载顺序：主题 CSS（aos → default → style → animate）之后，见 Base.astro。
 */

/* --------------------------------------------------------------------------
 * 页头 / 页脚 logo —— 改成后台可换。
 *
 * 主题把 logo 写死在 CSS 背景图里：
 *     #header .header-wrapper .logo a { background: url(../image/logo.png) … }
 * 于是后台 /admin/setting 配了 brand_logo_small 也完全不生效
 * （用户 2026-08-20 报的）。现在页头放真实 <img class="wj-logo">，
 * 这里把主题那条背景图关掉，免得两张 logo 叠在一起。
 *
 * ⚠️ 容器宽度要放开。主题给的是 145×47（宽高比 3.09），
 *    而后台那张「EUPINI 御品」是 600×92（6.52）—— 差一倍多。
 *    照 145px 宽 contain 下去只有 22px 高，在 47px 的位置里像块补丁。
 *    宽屏放到 260px（logo 实际高约 40px），右边到导航「首页」之间
 *    实测还有 130px 空隙，不会撞。
 *    窄屏不放宽：那几档 .logo 会变成 static 居中或贴左，加宽会挤到汉堡菜单。
 * -------------------------------------------------------------------------- */
#header .header-wrapper .logo a.wj-logo {
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header .header-wrapper .logo a.wj-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (min-width: 1200px) {
  #header .header-wrapper .logo { width: 260px; }
}

/* 页脚 logo：限高，宽度自适应 —— 换一张宽高比不同的不会变形。 */
.wj-footer-logo {
  max-width: 200px;
  max-height: 46px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* --------------------------------------------------------------------------
 * 表单提示。主题里没有这个类 —— InquiryForm 提交后的成功/失败提示挂在它上面。
 * -------------------------------------------------------------------------- */
.wj-form-msg {
  margin: 12px 0 0;
  min-height: 1.5em;
  font-size: 15px;
  line-height: 1.5;
}

/* --------------------------------------------------------------------------
 * 面包屑里不可点的那几项（「花色总览」「品牌介绍」在本站没有落地页）。
 *
 * 主题的 .breadCrumbs a 带 hover 变色和下划线，而这几个 <a> 没有 href ——
 * 看着能点、点了没反应。去掉手型和 hover 效果，让它读起来就是一段路径文字。
 * -------------------------------------------------------------------------- */
.breadCrumbs a:not([href]) {
  cursor: default;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
 * 联系页的联系方式列表。主题没有这个组合（源站那一页只有表单和一张图）。
 * -------------------------------------------------------------------------- */
.contact-section .formBox ul.noneStyle li {
  padding: 6px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.contact-section .formBox ul.noneStyle li:last-child {
  border-bottom: 0;
}

/* --------------------------------------------------------------------------
 * 分页省略号。Pager 在页数多时插一个「…」占位，它没有 href，
 * 主题的 .page ul li a 会给它 hover 边框，看着像能点。
 * -------------------------------------------------------------------------- */
.page ul li a:not([href]) {
  cursor: default;
}
.page ul li:hover:has(a:not([href])) {
  border-color: transparent;
}

/* --------------------------------------------------------------------------
 * 花色详情的属性块：源站是四格固定，我们按实际有几项渲染（型号/规格可能缺）。
 * 少于四格时主题的等分布局会把它们拉得很开。
 * -------------------------------------------------------------------------- */
#products-detail .icon-box {
  flex-wrap: wrap;
  gap: 12px 0;
}

/* --------------------------------------------------------------------------
 * 已知缺陷（源站带过来的，不是这里漏配）：
 *
 *   style.css 里有 4 处 url(../styles/images/…) —— about/bg.jpg、
 *   common/down.svg、common/down-2.svg、index/point.jpg。
 *   源码里**根本没有 styles/ 这个目录**（主题从别处拷来时留下的残留），
 *   所以这四张图在源站上就是 404。
 *
 *   影响：下拉箭头图标缺失、关于页与首页某处少一层背景纹理。
 *   没有在这里补 —— 补需要先弄清楚原图长什么样，而那是设计决定，
 *   不是能猜的。记在这里，等有原图了再说。
 * -------------------------------------------------------------------------- */