/* ============================================================
   闪得 联动搜索框 - 适配（分类下拉浮层层级修复）
   句柄: shande-searchbox-adapter（叠加在 css/category.css 之上）

   源码是单页、单一堆叠上下文，分类下拉 z-index:200 即可盖住下方内容；
   拆成 Elementor 小部件后，每个小部件/区块各自形成独立堆叠上下文，
   下方小部件会盖住上方小部件溢出的下拉浮层，区块的 overflow 也可能裁剪它。
   下面在「下拉打开时」抬高整条 Elementor 祖先链并放开裁剪。
   ============================================================ */

/* 1) 打通裁剪：小部件容器与内部各层允许溢出 */
.elementor-widget-shande_search_box > .elementor-widget-container { overflow: visible; }
.shande-searchbox,
.shande-searchbox .filter-search-row,
.shande-searchbox .search-box,
.shande-searchbox .search-cate { overflow: visible; }

/* 2) 下拉浮层自身层级 */
.shande-searchbox .search-cate__menu { z-index: 1000; }

/* 3) 同区块内：抬高搜索框小部件本身，使浮层盖住相邻内容 */
.elementor-widget-shande_search_box { position: relative; }
.elementor-widget-shande_search_box:has( .search-cate.is-open ) { z-index: 1000; }

/* 4) 跨区块：下拉打开时，抬高所有包含它的 Elementor 容器（列 / 区块 / 容器），
      并放开各层裁剪，使浮层能盖住下方的分类标签 / 信任栏等其它小部件 */
.elementor-element:has( .shande-searchbox .search-cate.is-open ) {
  position: relative;
  z-index: 1000;
}
.elementor-element:has( .shande-searchbox .search-cate.is-open ) > .elementor-widget-container,
.elementor-element:has( .shande-searchbox .search-cate.is-open ) > .elementor-container,
.elementor-element:has( .shande-searchbox .search-cate.is-open ) > .e-con-inner {
  overflow: visible;
}

/* ============================================================
   分类下拉：居中对齐 + 过长时显示滚动条
   自动列出全部素材类型（14 项）后，下拉过长会顶到视口外，
   这里限制最大高度并允许纵向滚动；同时让浮层在分类按钮下方居中。
   ============================================================ */

/* 让浮层相对分类按钮水平居中（源码是 left:0 左对齐） */
.shande-searchbox .search-cate { position: relative; }
.shande-searchbox .search-cate__menu {
  left: 50%;
  transform: translateX(-50%);
  /* 过长时滚动 */
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* 滚动条配色与滑块圆角由 shande-base.css 在 .shande-scope 内统一提供
   （原来这里自带 #cbd5e1 + radius:3px，与全站的 rgba(148,163,184,.45) + radius:8px
   不是一套，下拉菜单的滚动条看起来就和别处不一样）。
   这里只把宽度从默认 8px 收窄到 6px，菜单较窄，8px 显得压迫。 */
.shande-searchbox .search-cate__menu::-webkit-scrollbar {
  width: 6px;
}