/* 系列归档头部区块 (series-intro) 快照样式
 * 来源：wierpower.com/product_category/ac-dc/.../ inline CSS
 * 真实类名：breadcrumb-nav（来自 wp-block-tbs-block-template-custom-breadcrumb）
 *          category-thumbnail-wrapper / category-thumbnail-image（来自 wp-block-tbs-block-archieve-product-category-thumbnail）
 */

/* breadcrumb */
.wp-block-tbs-block-template-custom-breadcrumb { background-color: #fff; }
.wp-block-tbs-block-template-custom-breadcrumb .breadcrumb-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.wp-block-tbs-block-template-custom-breadcrumb .breadcrumb-nav a {
    color: unset !important;
    text-decoration: none;
}
.wp-block-tbs-block-template-custom-breadcrumb .breadcrumb-nav a:hover { text-decoration: none; }
.wp-block-tbs-block-template-custom-breadcrumb .breadcrumb-nav span {
    align-items: center;
    display: flex;
}
.wp-block-tbs-block-template-custom-breadcrumb .breadcrumb-nav span:not(:last-child)::after {
    content: ">";
    margin: 0 8px;
}

/* category thumbnail */
.wp-block-tbs-block-archieve-product-category-thumbnail { background-color: #fff; }
.wp-block-tbs-block-archieve-product-category-thumbnail .category-thumbnail-wrapper {
    align-items: center;
    background-color: hsla(0, 0%, 96%, 0);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.wp-block-tbs-block-archieve-product-category-thumbnail .category-thumbnail-wrapper img.category-thumbnail-image {
    aspect-ratio: var(--aspect-ratio, 16/9);
    height: 100%;
    object-fit: contain;
    transform: scale(1);
    transform-origin: center;
    width: 100%;
}
.wp-block-tbs-block-archieve-product-category-thumbnail .no-thumbnail {
    align-items: center;
    color: #999;
    display: flex;
    font-style: italic;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

/* 系列介绍区块布局：描述文字（span 3 列）+ 产品图（1 列）横排。
 * 参考站归档 inline CSS 里的哈希类规则，WP 每次构建可能换哈希，
 * 这里用稳定的语义类名重写等价规则，注入到容器上。
 * 参考站原文：
 *   .wp-container-core-group-is-layout-da6d5b6e { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 *   .wp-container-content-ec3b019d { grid-column: span 3; grid-row: span 1; }
 */
.yike-series-intro-content-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wp--style--block-gap, 24px);
    align-items: start;
    padding-left: var(--wp--preset--spacing--50);
}

.yike-series-intro-content-grid > .wp-block-term-description {
    grid-column: span 3;
    grid-row: span 1;
}

.yike-series-intro-content-grid > .wp-block-tbs-block-archieve-product-category-thumbnail {
    grid-column: span 1;
}
