/* woocommerce */

/* 2) 关键：把 .content-area “打平”，让里面的元素（面包屑/hero/main）成为 grid item */
.tax-product_cat .content-area {
  display: contents;
}

/* 4) 第一屏 Hero：跨两列（这样左侧栏不会出现在第一屏上） */
.tax-product_cat .woocommerce-products-header {
  grid-column: 1 / -1;
  grid-row: 1;

  /* 你的第一屏样式：浅灰背景 + 居中 + 高度 */
  background: var(--light-gray);
  padding: 90px 20px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

/* 标题与描述居中 */
.tax-product_cat .woocommerce-products-header__title {
  margin: 0 0 12px;
  color: #111;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 600;
}

.tax-product_cat .woocommerce-products-header .term-description,
.tax-product_cat .woocommerce-products-header .term-description p {
  margin: 0 auto;
  color: #333;
  line-height: 1.75;
}

.woocommerce-info{
    background-color: white;
    max-width: 1200px;
}

#block-9.widget.inner-padding.widget_block{
    margin: 60px 0 -65px 0;
    width: 300px;
}

.wp-block-heading.has-text-color.has-link-color.has-medium-font-size.wp-elements-818d6fdcab183cdecf3220638ce35b67{
    margin-top: 30px;
}

.wp-block-heading.has-text-color.has-link-color.has-medium-font-size.wp-elements-549b010ef20eb24b1efb07de466c492e{
    margin-top: 160px;
}

#block-7.widget.inner-padding.widget_block{
    margin: -90px 0 0 -10px;
    width: 360px;
    
}

#block-7.widget.inner-padding.widget_block ul li {
  list-style: none; 
  margin: 0 0 6px;  
}

#block-7.widget.inner-padding.widget_block ul li a {
  display: block;               
  padding: 8px 14px;             
  border-radius: 4px;           
  text-decoration: none;       
  box-sizing: border-box;       
  transition: all 0.2s ease;     
}

#block-7.widget.inner-padding.widget_block ul li a:hover {
  background-color: #ffffff;    
  border: 1px solid #002052;     
  box-shadow: 0 0 0 1px #002052; 
}


@media (max-width: 1024px) {
  #block-9.widget.inner-padding.widget_block{
      margin-bottom: -45px;
  }
  #block-7.widget.inner-padding.widget_block{
    margin: -70px 0 0 10px;
}
.wp-block-heading.has-text-color.has-link-color.has-medium-font-size.wp-elements-549b010ef20eb24b1efb07de466c492e{
    margin-top: 30px;
}
    
}



/* Post */
/* ===== Blog Subscribe (Contact Form 7) ===== */
.blog-subscribe {
  width: 30vh;                
  min-width: 280px;           
  max-width: 520px;           
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 14px auto 0;      
}

.blog-subscribe__field {
  flex: 1;
}

.blog-subscribe__field .wpcf7-form-control {
  width: 100%;
  height: 44px;
  border: 1px solid #D6D6D6;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

.blog-subscribe__field .wpcf7-form-control:focus {
  border-color: #002052;
  box-shadow: 0 0 0 2px rgba(0, 32, 82, 0.12);
}

.blog-subscribe__btn .btn {
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
}

.blog-subscribe__btn .btn:not([class*="btn--"]) {
  background: #002052;
  color: #fff;
  border: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-subscribe__btn .btn:hover {
  background: #E65100;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.blog-subscribe .wpcf7-not-valid-tip,
.blog-subscribe .wpcf7-response-output {
  font-size: 12px;
  margin-top: 8px;
}

@media (max-width: 480px) {
  .blog-subscribe {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    gap: 10px;
  }
  .blog-subscribe__btn .btn {
    width: 100%;
  }
  .wp-block-heading.has-text-color.has-link-color.has-medium-font-size.wp-elements-549b010ef20eb24b1efb07de466c492e{
    margin-top: 30px;
}
}

/* ========= Blog Hero (首屏) ========= */
.blog-hero{
  background: var(--light-gray);
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px 20px 40px;
}

.blog-hero .wp-block-heading,
.blog-hero p{
  text-align: center;
}

.blog-hero .wp-block-heading{
  font-size: clamp(36px, 5vw, 64px);
  margin-bottom: 12px;
}

.blog-hero-subscribe{
  max-width: 720px;
  margin: 18px auto 0;
}

/* 如果你用插件表单，把表单整体居中 */
.blog-hero-subscribe form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
}



/* ========= Topic bar ========= */
.blog-topic-bar{
  max-width: 1200px;
  margin: 10px auto 0;
  padding: 18px 0 0;
  background: #fff;
}

/* ========= Blog Archive Grid (第二屏) ========= */
.blog-archive-wrap{
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}

/* Query Loop 卡片（Blog 页面） */
.blog-archive-wrap .wp-block-post{
  border: 1px solid var(--border-gray);
  border-radius: 12px;
  padding: 14px;
  background: #fff;
}

/* 文章图统一尺寸 */
.blog-archive-wrap .wp-block-post-featured-image img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

/* Read more 文字链接风格 */
.blog-archive-wrap .wp-block-read-more{
  color: var(--primary);
  font-weight: 600;
  text-decoration: none;
}

/* ========= 分类页/标签页也统一成 3列网格 ========= */
/* GeneratePress + WP 默认文章列表选择器可能不同，这里做宽泛但只限归档 */
.archive.category .site-main .post,
.archive.tag .site-main .post{
  border: 1px solid var(--border-gray);
  border-radius: 12px;
  padding: 14px;
  background: #fff;
}

/* 归档页内容宽度 */
.archive.category .site-main,
.archive.tag .site-main{
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}

/* 归档页：把文章列表变成网格（若主题输出结构允许） */
@media (min-width: 900px){
  .archive.category .site-main,
  .archive.tag .site-main{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
  }
  .archive.category .site-main header,
  .archive.tag .site-main header{
    grid-column: 1 / -1; /* 让归档标题跨列 */
  }
}

/* Main Menu */
.main-navigation,
.main-navigation ul ul{
  background: #262626;
}

.main-navigation .main-nav ul li a{
  color:#fff;
}

.inside-header{
  padding-left:24px;
  padding-right:24px;
}

.main-navigation .main-nav ul li > a{
  border-bottom: 2px solid transparent;
  transition: border-color .2s ease, color .2s ease;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a{
  border-bottom-color: var(--primary);
  color:#fff;
}

.main-navigation .main-nav ul ul li > a{
  border-bottom: 2px solid transparent;
}
.main-navigation .main-nav ul ul li:hover > a{
  border-bottom-color: var(--primary);
}

.main-navigation .main-nav ul li.menu-cta > a{
  background: #E65100;           
  color:#fff !important;
  border-radius: 999px;
  padding: 10px 16px;
  margin-left: 12px;
  border-bottom: 0; 
}
.main-navigation .main-nav ul li.menu-cta > a:hover{
  filter: brightness(1.05);
}