/*
 * 移动端顶栏（仅 <1024px 生效）
 * 1) 右侧：CONTACT 按钮下方、首屏 Banner 右上角的悬浮菜单键
 * 2) 移动菜单：Pantone Color Library 移到 Custom Color & Print 之下，
 *    两项统一加同款描线图标与箭头（与上方 Dyed / Printing & Dyeing 一致）
 *
 * 品牌锁形（Logo + HENGHUI / TEX 两行字）已迁移到 nav-brand.css 统一管理。
 */

@media (max-width: 1023px) {

  /* ============ 1. 顶栏容器 ============ */
  html body.reference-site .top-0.fixed.lg\:hidden > .bg-white > .container {
    min-height: 70px !important;
    height: auto !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    gap: 10px !important;
  }



  /* ============ 3. 右侧悬浮菜单键（CONTACT 下方） ============ */
  html body.reference-site .top-0.fixed.lg\:hidden .htx-menu-tab {
    position: absolute;
    right: 16px;
    bottom: -24px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(138, 109, 59, .40);
    box-shadow: 0 5px 14px rgba(28, 24, 16, .13);
    display: grid;
    place-items: center;
    z-index: 6;
    -webkit-tap-highlight-color: transparent;
  }
  /*
   * 视觉 36px，但把真实点击热区扩到 52×48（左右各 -8，下 -8，上只 -4，
   * 避免盖住上方 CONTACT 按钮的底边）。老用户手指粗也点得中。
   */
  html body.reference-site .top-0.fixed.lg\:hidden .htx-menu-tab img[data-menu-open] {
    position: absolute !important;
    top: -4px !important;
    left: -8px !important;
    width: 52px !important;
    height: 48px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }
  .htx-menu-tab__bars {
    position: relative;
    display: block;
    width: 15px;
    height: 11px;
    pointer-events: none;
  }
  .htx-menu-tab__bars i {
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 1.4px;
    background: #1C1A17;
    border-radius: 2px;
  }
  .htx-menu-tab__bars i:nth-child(1) { top: 0; }
  .htx-menu-tab__bars i:nth-child(2) { top: 4.8px; }
  .htx-menu-tab__bars i:nth-child(3) { top: 9.6px; }

  html body.reference-site .top-0.fixed.lg\:hidden .htx-menu-tab:focus-within {
    outline: 2px solid #ac7900;
    outline-offset: 3px;
  }

  /* 菜单打开时隐藏悬浮键 */
  body.tmn-open .htx-menu-tab {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* ============ 4. 菜单内两个核心入口统一样式 ============ */
  #ref-menu a.htx-nav-custom,
  #ref-menu a.htx-nav-lib {
    min-height: 64px !important;
    padding: 14px !important;
    text-decoration: none !important;
  }
  #ref-menu a.htx-nav-custom .tmn-icon,
  #ref-menu a.htx-nav-lib .tmn-icon {
    color: #ac7900;
  }
}