/*
 * 页头样式。
 *
 * 下面几段 `.wp-block-tbs-block-*` 规则是参考站真实 CSS 原样搬运（未改动一个值），
 * 来源：
 *   - `.wp-block-tbs-block-header-product-search` ← style-inline-css id
 *     `tbs-block-header-product-search-style-inline-css`
 *   - `.wp-block-tbs-block-header-main-navigation` ← 归档
 *     `wp-content/plugins/tbs-block/build/header-main-navigation/style-index__qa1af6ecf.css`
 *   - `.wp-block-tbs-block-header-main-navigation-product-category-tab` ← style-inline-css id
 *     `tbs-block-header-main-navigation-product-category-tab-style-inline-css`
 *   - `.wp-block-tbs-block-header-main-navigation-link-list` ← style-inline-css id
 *     `tbs-block-header-main-navigation-link-list-style-inline-css`
 * 都在同一份归档页 `product_category/ac-dc/板载式电源3-60w/awd高性能型（3-60w）/index.html`。
 *
 * `.yike-site-header*` 系列是本项目自己写的——参考站这部分外层是 Gutenberg 按
 * 区块实例自动生成的 `wp-block-group`+哈希类，样式定义在没抓到的按 ID 生成的
 * 内联 `<style>` 里，无法可靠复用，改用语义化类自己实现同样的「logo 左、
 * 搜索框右」布局，见 `header.php` 顶部注释。
 */

.yike-site-header {
	/* 参考站这个区块的外层类叫 is-style-yith-wonder-sticky-header——滚动时
	   吸顶是设计意图，不是那套主题特有的实现细节，照抄行为。 */
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
}

.yike-site-header__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
	/* 参考站这一行没有额外的上下内边距，行高完全由 logo 图片的实际高度撑开
	   （logo 图 94px 高，这一行量出来正好也是 94px）；这里上下 padding 归零，
	   靠 .yike-site-header__logo img 的 max-height 撑高度，两边保留水平内边距。 */
	padding: 0 16px;
}

/* 参考站这一行原本还有「语言切换图标」+两个占位的空 flex 分栏，四项一起用
   justify-content:space-between 把搜索框顶在中间偏右的位置，离右边缘还有
   一大截留白。语言切换图标本身是假交互，指向不存在的英文站，已经按方法论删掉
   （见 header.php 顶部注释）——但连带把两个占位分栏也一起删了，搜索框就跟着
   space-between 直接顶到了最右边，贴边显得局促。这个空分栏用来占位、找回
   同样的留白比例，不是恢复语言切换功能。 */
.yike-site-header__topbar-spacer {
	flex: 0 0 200px;
}

@media (max-width: 900px) {
	.yike-site-header__topbar-spacer {
		display: none;
	}
}

.yike-site-header__logo img {
	display: block;
	/* 参考站 logo 实际渲染出来是 166x94（近似 16:9），之前这里的 42px 是拍脑袋
	   给的占位值，比参考站矮了一倍多，是"图标很小"的直接原因。 */
	max-height: 90px;
	width: auto;
}

.yike-site-header__logo-text {
	font-size: 20px;
	font-weight: 700;
	color: inherit;
	text-decoration: none;
}

.wp-block-tbs-block-header-product-search{font-size:inherit;padding:1rem}.wp-block-tbs-block-header-product-search .product-search-container{margin-top:1rem;position:relative}.wp-block-tbs-block-header-product-search .search-input-wrapper{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;overflow:hidden;padding:0 15px;position:relative;transition:box-shadow .3s ease}.wp-block-tbs-block-header-product-search .search-input-wrapper:focus-within{box-shadow:0 4px 8px rgba(0,0,0,.15)}.wp-block-tbs-block-header-product-search .search-icon{align-items:center;color:#999;display:flex;flex-shrink:0;justify-content:center;margin-right:10px}.wp-block-tbs-block-header-product-search #product-search-input{background-color:transparent;border:none;flex:1;font-size:14px;outline:none;padding:8px 0}.wp-block-tbs-block-header-product-search #product-search-input::placeholder{color:#aaa}.wp-block-tbs-block-header-product-search #product-search-input[disabled]{cursor:not-allowed;opacity:.6}.wp-block-tbs-block-header-product-search .search-loading-spinner{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 5px}.wp-block-tbs-block-header-product-search .dropdown-menu,.wp-block-tbs-block-header-product-search .search-result{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#000;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;top:calc(100% + 10px);width:100%;z-index:1000}

.wp-block-tbs-block-header-main-navigation{position:relative;z-index:100}.wp-block-tbs-block-header-main-navigation[data-color-scheme]{--tbs-main-navigation-hover-color:currentcolor;--tbs-main-navigation-hover-background:color-mix(in srgb,currentcolor 12%,transparent)}.wp-block-tbs-block-header-main-navigation[data-color-scheme=accent]:not(.has-background){background-color:var(--wp--preset--color--secondary,#ea1823)}.wp-block-tbs-block-header-main-navigation[data-color-scheme=accent]:not(.has-text-color){color:var(--wp--preset--color--base,#fff)}.wp-block-tbs-block-header-main-navigation[data-color-scheme=light]:not(.has-background){background-color:var(--wp--preset--color--base,#fff)}.wp-block-tbs-block-header-main-navigation[data-color-scheme=light]:not(.has-text-color){color:var(--wp--preset--color--contrast,#111)}.wp-block-tbs-block-header-main-navigation .header-main-navigation__inner{position:relative;max-width:var(--tbs-main-navigation-custom-width,1200px);margin-inline:auto}.wp-block-tbs-block-header-main-navigation .header-main-navigation__mobile-toggle{display:none}.wp-block-tbs-block-header-main-navigation .header-main-navigation__list{align-items:stretch;box-sizing:border-box;display:flex;gap:var(--tbs-main-navigation-gap,16px);list-style:none;margin-block:0;margin-inline:auto;position:relative;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item{list-style:none;margin:0;min-width:0;position:relative}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item__control{align-items:center;background:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;line-height:inherit;min-height:46px;padding:10px 14px;text-align:center;text-decoration:none;transition:color .2s ease,background-color .2s ease;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item__toggle{display:none}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-expanded>.header-main-navigation-item__control,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item:focus-within>.header-main-navigation-item__control,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item:hover>.header-main-navigation-item__control{background-color:var(--tbs-main-navigation-hover-background,transparent);color:var(--tbs-main-navigation-hover-color,inherit)}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item__panel{background-color:var(--wp--preset--color--base,#fff);box-shadow:0 12px 30px rgba(0,0,0,.14);box-sizing:border-box;color:var(--wp--preset--color--contrast,#111);opacity:0;pointer-events:none;position:absolute;top:100%;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:20}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-local{position:relative}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-local>.header-main-navigation-item__panel{left:0;max-width:calc(100vw - 32px);width:var(--tbs-main-navigation-local-width,320px)}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-item{position:relative}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-item>.header-main-navigation-item__panel{left:0;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-expanded>.header-main-navigation-item__panel,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item:focus-within>.header-main-navigation-item__panel,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item:hover>.header-main-navigation-item__panel{opacity:1;pointer-events:auto;visibility:visible}@media(max-width:767px){.wp-block-tbs-block-header-main-navigation .header-main-navigation__mobile-toggle{align-items:center;background:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:600;justify-content:space-between;min-height:44px;padding:8px 16px;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation__mobile-label{flex:1 1 auto;text-align:left}.wp-block-tbs-block-header-main-navigation .header-main-navigation__mobile-icon{border-bottom:2px solid;border-top:2px solid;display:block;height:14px;position:relative;transition:transform .2s ease;width:22px}.wp-block-tbs-block-header-main-navigation .header-main-navigation__mobile-icon:after{background:currentcolor;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.wp-block-tbs-block-header-main-navigation.is-mobile-menu-open .header-main-navigation__mobile-icon{transform:rotate(90deg)}.wp-block-tbs-block-header-main-navigation .header-main-navigation__list{display:none;flex-direction:column;gap:0;max-width:none;padding-inline:0;width:100%}.wp-block-tbs-block-header-main-navigation.is-mobile-menu-open .header-main-navigation__list{display:flex}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item{border-top:1px solid color-mix(in srgb,currentcolor 18%,transparent);display:flex;flex-wrap:wrap;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-item>.header-main-navigation-item__panel,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.is-dropdown-local>.header-main-navigation-item__panel,.wp-block-tbs-block-header-main-navigation .header-main-navigation-item__panel{box-shadow:none;box-sizing:border-box;flex:0 0 100%;max-width:none;opacity:1;pointer-events:auto;position:static;width:100%}.wp-block-tbs-block-header-main-navigation .header-main-navigation-item.has-dropdown:not(.is-expanded)>.header-main-navigation-item__panel{display:none}}

.wp-block-tbs-block-header-main-navigation-product-category-tab{box-sizing:border-box;font-size:inherit;position:relative;width:100%}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-list,.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu{list-style:none;margin:0;padding:0}.wp-block-tbs-block-header-main-navigation-product-category-tab .header-main-navigation-product-category-tab__content{background:var(--wp--preset--color--base,#fff);box-shadow:0 12px 30px rgba(0,0,0,.16);box-sizing:border-box;color:var(--wp--preset--color--contrast,#111);max-height:min(600px,75vh);overflow:hidden;position:static;width:100%}.wp-block-tbs-block-header-main-navigation-product-category-tab .product-line-tabs{border-bottom:1px solid rgba(0,0,0,.08);padding:14px 16px 8px}.wp-block-tbs-block-header-main-navigation-product-category-tab .tabs-wrapper{display:flex;gap:8px}.wp-block-tbs-block-header-main-navigation-product-category-tab .tab-item{background:transparent;border:0;border-radius:3px;color:inherit;cursor:pointer;flex:1 1 0;font:inherit;min-height:44px;padding:8px 14px;transition:background-color .2s ease,color .2s ease}.wp-block-tbs-block-header-main-navigation-product-category-tab .tab-item.active,.wp-block-tbs-block-header-main-navigation-product-category-tab .tab-item:focus-visible,.wp-block-tbs-block-header-main-navigation-product-category-tab .tab-item:hover{background:color-mix(in srgb,var(--wp--preset--color--secondary,#d2264d) 16%,transparent);color:var(--wp--preset--color--secondary,#d2264d)}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu-wrapper{display:grid;font-size:12px;gap:16px;grid-template-columns:minmax(220px,25%) minmax(0,1fr);max-height:520px;min-height:300px;padding:12px 16px 20px}.wp-block-tbs-block-header-main-navigation-product-category-tab .product-models-container,.wp-block-tbs-block-header-main-navigation-product-category-tab .submenu-container{min-width:0;overflow-y:auto}.wp-block-tbs-block-header-main-navigation-product-category-tab .submenu-container{border-right:1px solid rgba(0,0,0,.08);box-shadow:0 1px 8px rgba(0,0,0,.1)}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu .menu-item,.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu .no-data{margin:0}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu .no-data,.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu button{background:transparent;border:0;box-sizing:border-box;color:inherit;display:block;font:inherit;line-height:1.5;min-height:44px;padding:10px 14px;text-align:start;width:100%}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu button{cursor:pointer}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu .menu-item.active button,.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu button:focus-visible,.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu button:hover{background:color-mix(in srgb,var(--wp--preset--color--secondary,#d2264d) 10%,transparent);color:var(--wp--preset--color--secondary,#d2264d)}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-list{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-item{margin:0;min-width:0}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-item a{box-shadow:0 2px 6px rgba(0,0,0,.12);box-sizing:border-box;color:inherit;display:flex;flex-direction:column;height:100%;padding:12px;text-decoration:none;transition:color .2s ease,box-shadow .2s ease}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-item a:focus-visible,.wp-block-tbs-block-header-main-navigation-product-category-tab .model-item a:hover{box-shadow:0 4px 12px rgba(0,0,0,.18);color:var(--wp--preset--color--secondary,#d2264d)}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-thumbnail{display:block;height:100px;margin:0 auto 10px;object-fit:contain;width:100px}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-thumbnail.is-placeholder{align-items:center;background:#f1f1f1;color:#777;display:flex;font-size:12px;justify-content:center}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-name{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:44px;text-align:center}.wp-block-tbs-block-header-main-navigation-product-category-tab .header-main-navigation-product-category-tab__empty{box-sizing:border-box;color:color-mix(in srgb,currentcolor 70%,transparent);margin:0;padding:24px 16px;text-align:center;width:100%}@media(max-width:767px){.wp-block-tbs-block-header-main-navigation-product-category-tab .header-main-navigation-product-category-tab__content{box-shadow:none;max-height:none;overflow:visible;position:static;width:100%}.wp-block-tbs-block-header-main-navigation-product-category-tab .sub-menu-wrapper{gap:12px;grid-template-columns:minmax(0,1fr);max-height:none;min-height:0;padding:0 12px 16px}.wp-block-tbs-block-header-main-navigation-product-category-tab .model-list{gap:12px;grid-template-columns:minmax(0,1fr)}}

.wp-block-tbs-block-header-main-navigation-link-list{box-sizing:border-box;color:inherit;width:100%}.wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));list-style:none;margin:0;padding:16px}.wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list__item{margin:0;min-width:0}.wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list__link{align-items:center;border-radius:3px;box-sizing:border-box;color:inherit;display:flex;min-height:44px;padding-inline:12px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list__link:focus-visible,.wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list__link:hover{background:color-mix(in srgb,var(--wp--preset--color--secondary,#d2264d) 10%,transparent);color:var(--wp--preset--color--secondary,#d2264d)}.header-main-navigation-item.is-dropdown-item .wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list{padding:16px 0}.header-main-navigation-item.is-dropdown-item .wp-block-tbs-block-header-main-navigation-link-list .header-main-navigation-link-list__link{justify-content:center;padding-inline:14px;text-align:center}

/* nav 标签上的 data-distribution="equal" 是参考站原样冻结下来的属性，参考站靠
   自己的 tbs-block 前端 JS 把它翻译成「各导航项等宽」，我们没有引入那份第三方
   JS，属性冻结了但没人消费——导致各项宽度退化成按文字长度自适应（"首页"两个字
   只有 63px，参考站上是 152px）。直接用这个既有属性写等宽规则，跟设计意图对齐；
   只在桌面断点生效，移动端 `.header-main-navigation__list` 是纵向排列，
   flex:1 会把各项拉伸到等高，不是想要的效果。 */
@media (min-width: 768px) {
	.wp-block-tbs-block-header-main-navigation[data-distribution="equal"] .header-main-navigation-item {
		flex: 1 1 0;
	}
}