/* GeneratePress Site CSS */ /* sidebar categories block style */
.wp-block-categories {
  list-style: none;
  margin-left: unset;
}

/* sidebar categories list item style */
.wp-block-categories li {
	line-height: 1.5em;
	margin-bottom: 1rem;
}

/* drop sidebar below content on tablet */
@media (max-width: 1024px) {
  .site-content {
    flex-direction: column;
  }

  .site-content .content-area,
  .site-content .is-right-sidebar {
    width: 100%;
  }
} /* End GeneratePress Site CSS */


/* 设置 header 内部为 flex 布局，让 logo 和按钮一左一右分布 */
.inside-header {
  display: flex;                /* 使用 Flexbox 布局 */
  align-items: center;         /* 垂直方向居中对齐内容 */
  justify-content: space-between; /* 左右两端对齐，中间自动留空 */
}

/* 防止 logo 被压缩，确保大小不被挤变形 */
.inside-header .site-logo {
  flex-shrink: 0; /* 禁止在空间不足时缩小 logo 区块 */
}

/* 自定义按钮类，推到最右边 */
.inside-header .quote-button {
  margin-left: auto; /* 自动左边距，迫使按钮靠右对齐 */
}


/* 隐藏顶部菜单栏（≤768px） */
@media (max-width: 768px) {
    nav.secondary-navigation {
        display:none;
    }
}

/* 给主导航下方加一条细线 */
.main-navigation {
    border-bottom: 1px solid #e5e5e5;
}

/* 给breadcrumb下方加一条细线 */
.woocommerce-breadcrumb {
    padding-bottom: 16px;
    margin-bottom: 24px;
    box-shadow: 0 1px 0 0 #e5e5e5;
    /* 用一个超大的扩散值让阴影横跨全屏 */
}

  /* 给产品画廊预留方形空间,防止下方信息栏跳动(产品图是 600×600 方形) */
  .woocommerce div.product .woocommerce-product-gallery__wrapper,
  .woocommerce div.product .woocommerce-product-gallery__image:first-child {
    aspect-ratio: 1 / 1;
  }
  .woocommerce div.product .woocommerce-product-gallery__image:first-child img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  /* JS 初始化前先隐藏多余画廊图,避免堆叠闪现 */
  .woocommerce div.product .woocommerce-product-gallery__image:not(:first-child) {
    display: none;
  }
  .woocommerce div.product .flex-control-thumbs .woocommerce-product-gallery__image {
    display: block;
  }