/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */google-site-verification: googledd13cd8f834e179c.html


/* ============ STARLEADER HOME PAGE — PLAN B DATA SIDE-BY-SIDE ============ */

/* Override previous full-bleed hero with original side-by-side layout */
html body.home .entry-content > .stk-7ef4b91.alignfull,
html body.home .entry-content > .stk-7ef4b91.alignfull.stk-block {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  background: var(--theme-palette-color-5, #f5f5f5) !important;
  min-height: 60vh !important;
  display: block !important;
  overflow: visible !important;
}

html body.home .stk-7ef4b91::before,
html body.home .stk-7ef4b91::after {
  content: none !important;
  display: none !important;
}

html body.home .stk-7ef4b91 .stk-row,
html body.home .stk-7ef4b91 .stk-block-content,
html body.home .stk-7ef4b91 .stk-block-column,
html body.home .stk-7ef4b91 .stk-column-wrapper,
html body.home .stk-7ef4b91 .stk-block-carousel,
html body.home .stk-7ef4b91 .stk-block-carousel__content-wrapper,
html body.home .stk-7ef4b91 .stk-block-carousel__slider,
html body.home .stk-7ef4b91 .stk-block-carousel__slide {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 60vh !important;
  display: flex !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hero fills most of the viewport */
html body.home .stk-7ef4b91 .wp-block-columns {
  height: 100% !important;
  min-height: 60vh !important;
}

html body.home .stk-7ef4b91 .stk-block-carousel__slide img,
html body.home .stk-7ef4b91 .wp-block-image img,
html body.home .stk-7ef4b91 figure img {
  width: 100% !important;
  height: 100% !important;
  min-height: 60vh !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Left/right columns in each slide: 40/60 on desktop, stretch to fill hero height */
html body.home .stk-7ef4b91 .wp-block-columns {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Text column: natural height, vertically centered — NOT stretched to image height */
html body.home .stk-7ef4b91 .wp-block-column:first-child {
  align-self: center !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 0 0 40% !important;
  max-width: 520px !important;
  padding: 28px !important;
  background: #ffffff !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Image column: stretch to fill hero height */
html body.home .stk-7ef4b91 .wp-block-column:last-child {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Make the inner blocks wrapper fill the full slide height */
html body.home .stk-7ef4b91 .stk-inner-blocks,
html body.home .stk-7ef4b91 .stk-block-content.stk-inner-blocks {
  height: 100% !important;
  min-height: 60vh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* The columns row should fill the inner-blocks wrapper */
html body.home .stk-7ef4b91 .wp-block-columns {
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* Push the WhatsApp button to the bottom of the text column
   so the text visually spans the full image height */
html body.home .stk-7ef4b91 .wp-block-column:first-child .wp-block-buttons,
html body.home .stk-7ef4b91 .wp-block-column:first-child .wp-block-button {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  align-self: flex-start !important;
}

/* Neutralize WordPress core vertical-align-center on columns */
html body.home .stk-7ef4b91 .wp-block-column.is-vertically-aligned-center:last-child {
  align-self: stretch !important;
  justify-content: flex-start !important;
}
html body.home .stk-7ef4b91 .wp-block-column.is-vertically-aligned-center:first-child {
  align-self: center !important;
  height: auto !important;
  justify-content: flex-start !important;
}

html body.home .stk-7ef4b91 .wp-block-column:last-child {
  flex: 0 0 60% !important;
  padding: 0 !important;
  display: flex !important;
}

/* Eyebrow label */
html body.home .stk-7ef4b91 .hero-eyebrow {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #586750 !important;
  margin-bottom: 20px !important;
}

/* Metrics row */
html body.home .stk-7ef4b91 .hero-metrics {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
  margin-bottom: 24px !important;
}

html body.home .stk-7ef4b91 .hero-metric {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html body.home .stk-7ef4b91 .hero-metric-number {
  font-size: clamp(2.4rem, 5vw, 3.6rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
}

html body.home .stk-7ef4b91 .hero-metric-label {
  font-size: 14px !important;
  color: #666 !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

/* Subtitle */
html body.home .stk-7ef4b91 .hero-subtitle {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #444 !important;
  margin-bottom: 28px !important;
  max-width: 420px !important;
}

/* WhatsApp button */
html body.home .stk-7ef4b91 .wp-block-button__link {
  background: #0f6e56 !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* Carousel dots */
html body.home .stk-7ef4b91 .stk-block-carousel__dots {
  bottom: 16px !important;
  z-index: 5 !important;
}
html body.home .stk-7ef4b91 .stk-block-carousel__dot {
  background: rgba(0,0,0,0.3) !important;
}
html body.home .stk-7ef4b91 .stk-block-carousel__dot.is-active {
  background: #586750 !important;
}

/* Floating social bar z-index fix */
.mystickyelements-fixed {
  z-index: 999 !important;
}

/* Header logo sizing */
.site-logo-container img {
  max-height: 80px !important;
  width: auto !important;
  padding: 0 !important;
}

/* Reduce header vertical padding */
.ct-header {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Remove top spacing between header and hero image */
html body.home .site-main,
html body.home .entry-content,
html body.home .entry-content > .stk-7ef4b91.alignfull,
html body.home .entry-content > .stk-7ef4b91.alignfull.stk-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Shrink header middle row height so it hugs the 80px logo */
html body.home [data-header*="type-1"] .ct-header [data-row*="middle"] {
  min-height: 92px !important;
  height: auto !important;
}

/* Responsive */
@media (max-width: 999px) {
  html body.home .stk-7ef4b91 .wp-block-columns {
    flex-direction: column !important;
    min-height: 55vh !important;
  }
  html body.home .stk-7ef4b91 .stk-block-carousel__slide img,
  html body.home .stk-7ef4b91 .wp-block-image img,
  html body.home .stk-7ef4b91 figure img {
    min-height: 55vh !important;
  }
  html body.home .stk-7ef4b91 .wp-block-column:first-child,
  html body.home .stk-7ef4b91 .wp-block-column:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  html body.home .stk-7ef4b91 .wp-block-column:first-child {
    padding: 32px 24px !important;
    order: 2 !important;
  }
  html body.home .stk-7ef4b91 .wp-block-column:last-child {
    order: 1 !important;
  }
}

/* Blend white-logo background into dark header */
.site-logo-container img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}
/* Override customizer logo/button rules */
a.site-logo-container {
  width: auto !important;
  max-width: 280px !important;
  height: 80px !important;
  background-position: left center !important;
}

.home .wp-block-stackable-carousel .hero-subtitle {
  margin-top: 0 !important;
}


/* ===== 博文布局修复 2026-09-11：撤销双栏报纸 + 目录锚点 ===== */
html body.single .entry-content > p,
html body.single .entry-content > h2,
html body.single .entry-content > h3,
html body.single .entry-content > ul,
html body.single .entry-content > ol { column-count: 1 !important; column-gap: 0 !important; }
html body.single .entry-content h2 { scroll-margin-top: 110px; }
html body.single .entry-content table.stl-table th { background:#1a1a1a; color:#fff; }
html body.single .entry-content blockquote.stl-meta { background:#fff7f0; border-left:4px solid #FF6B00; color:#7a4a1a; padding:14px 18px; border-radius:0 8px 8px 0; margin:0 0 24px; }

/* ===== 博文视觉对齐 2026-09-11（匹配效果图 v2） ===== */
/* 左侧目录卡片化：白卡 + 圆角 + 阴影 */
html body.single .stl-toc {
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:18px 16px;
  box-shadow:0 10px 30px rgba(0,0,0,.07);
}
html body.single .stl-toc h4 {
  font-size:0 !important;
  border-bottom:2px solid #FF6B00 !important;
  padding-bottom:10px !important;
  margin-bottom:14px !important;
}
html body.single .stl-toc h4::before {
  content:"On this page";
  font-size:12px !important;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#222;
}
html body.single .stl-toc a { transition:.15s; }
html body.single .stl-toc a:hover { padding-left:6px; }

/* 正文限宽居中（单栏可读，最大 780px） */
html body.single .entry-content > *:not(.stl-toc):not(.stl-related-products) {
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}

/* 正文图片 figure */
html body.single .entry-content figure.stl-fig {
  margin:28px auto;
  max-width:780px;
}
html body.single .entry-content figure.stl-fig img {
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}
html body.single .entry-content figure.stl-fig figcaption {
  margin-top:8px;
  font-size:13px;
  color:#666;
  text-align:center;
}

/* Hero 橙色装饰线（站点已有 .stl-hero-line，仅上色） */
html body.single .stl-hero-line {
  display:inline-block;
  width:56px;
  height:3px;
  background:#FF6B00;
  vertical-align:middle;
  margin-left:14px;
}


html body.post-type-archive-product {
  --grid-template-columns: 220px minmax(0,1fr) !important;
}
html body.post-type-archive-product .ct-container[data-sidebar="right"] {
  grid-template-columns: 220px minmax(0,1fr) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 40px !important;
}
html body.post-type-archive-product .products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}


html body.post-type-archive-product .ct-container[data-sidebar="right"] {
  grid-template-columns: 220px minmax(0,1fr) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 40px !important;
}
html body.post-type-archive-product .products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* === STL PRODUCTS GRID FIX === */
html body.post-type-archive-product.woocommerce-shop .ct-container[data-sidebar="right"] {
  grid-template-columns: 220px minmax(0,1fr) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 40px !important;
}
html body.post-type-archive-product.woocommerce-shop .products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}


/* === STL SIDEBAR GUARD (anti auto-narrow, added 2026-09-19) === */
/* 即使额外 CSS 被改回坏块(含 aside#sidebar{display:contents})，这条更高优先级规则
   也会强制侧栏正常显示，产品内容列不会被压窄。 */
html body.post-type-archive-product.woocommerce-shop aside#sidebar,
html body.tax-product_cat.woocommerce-archive aside#sidebar {
  display: block !important;
  grid-area: sidebar !important;
}


/* === STL BELOW-ROW LAYOUT (2026-09-19): Popular Products + Product FAQ side-by-side below the grid === */
/* 容器：上排 侧栏220px+产品区(跨2列)，下排 below 行全宽 */
html body.post-type-archive-product .ct-container[data-sidebar="right"][data-vertical-spacing],
html body.tax-product_cat .ct-container[data-sidebar="right"][data-vertical-spacing] {
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "sidebar products products"
    "below below below" !important;
  gap: 40px !important;
  align-items: start !important;
}
html body.post-type-archive-product .ct-container[data-sidebar="right"] > section,
html body.tax-product_cat .ct-container[data-sidebar="right"] > section { grid-area: products !important; }
html body.post-type-archive-product aside#sidebar,
html body.tax-product_cat aside#sidebar { grid-area: sidebar !important; display: block !important; }
html body.post-type-archive-product .stl-below-row,
html body.tax-product_cat .stl-below-row {
  grid-area: below !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
/* 搬出侧栏后部件自带卡片样式（不再依赖 aside#sidebar 前缀规则） */
.stl-below-row .ct-widget {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.05) !important;
}
.stl-below-row .widget-title,
.stl-below-row .wp-block-heading {
  display: inline-block !important;
  background: #f26522 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  margin: 0 0 16px !important;
  font-size: 15px !important;
}
.stl-below-row .product_list_widget li {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-bottom: 1px dashed #eee !important;
}
.stl-below-row .product_list_widget li:last-child { border-bottom: none !important; }
.stl-below-row .product_list_widget img {
  width: 116px !important; height: 116px !important;
  object-fit: cover !important; border-radius: 10px !important; flex: 0 0 auto !important;
}
/* FAQ 搬走后隐藏空的原 sticky 包裹 */
.ct-sticky-widgets:empty,
.ct-sticky-widgets[style*="display: none"] { display: none !important; }
/* 移动端：单列 */
@media (max-width: 1000px) {
  html body.post-type-archive-product .ct-container[data-sidebar="right"][data-vertical-spacing],
  html body.tax-product_cat .ct-container[data-sidebar="right"][data-vertical-spacing] {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "products" "below" !important;
  }
  html body.post-type-archive-product .stl-below-row,
  html body.tax-product_cat .stl-below-row { grid-template-columns: minmax(0,1fr) !important; }
}


/* === STL HIDE PRICE FILTER (2026-09-19): remove sidebar price filter widget === */
html body.post-type-archive-product #woocommerce_price_filter-1,
html body.tax-product_cat #woocommerce_price_filter-1 { display: none !important; }


/* === STL DESC GRID FIX (2026-09-19): 修复产品描述区 TOC 2列网格导致的正文塌缩 === */
/* 1) 网格子项允许收缩，避免 min-content 把文字压成竖排 */
html body.single article .entry-content > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* 2) 只有目录卡留在第 1 列；其余全部进第 2 列（明确覆盖，防止掉进 240px 窄列） */
html body.single article .entry-content > .stl-toc {
  grid-column: 1 !important;
  grid-row: 1 / span 99 !important;
  position: sticky !important;
  top: 100px !important;
  align-self: start !important;
}
html body.single article .entry-content > *:not(.stl-toc) {
  grid-column: 2 !important;
  grid-row: auto !important;
}
/* 3) 图片恢复三列流式布局（宽度 0 的兜底） */
html body.single .woocommerce-Tabs-panel--description img,
html body.single article .entry-content img {
  width: 31.5% !important;
  min-width: 180px !important;
  height: auto !important;
  display: inline-block !important;
  vertical-align: top !important;
  border-radius: 10px !important;
  margin: 0 1.1% 12px 0 !important;
}
/* 4) 表格与列表占满列宽 */
html body.single .woocommerce-Tabs-panel--description table,
html body.single .woocommerce-Tabs-panel--description ul,
html body.single .woocommerce-Tabs-panel--description ol,
html body.single .woocommerce-Tabs-panel--description p {
  width: 100% !important;
  max-width: 100% !important;
}
/* 5) 目录卡内文字恢复正常横排 */
html body.single article .entry-content > .stl-toc,
html body.single article .entry-content > .stl-toc * {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
/* 6) 窄屏单列 */
@media (max-width: 1024px) {
  html body.single article .entry-content { grid-template-columns: minmax(0,1fr) !important; }
  html body.single article .entry-content > .stl-toc { position: static !important; grid-row: auto !important; }
  html body.single article .entry-content > *:not(.stl-toc) { grid-column: 1 !important; }
}