/*
 * NI_MOBILE_SEARCH_CHROME_GUARD
 * 全前台搜尋開啟時 iOS Safari 26 chrome 取色護欄（必須最後載入）。
 *
 * 根因（盤點 43 模板後）：
 * iOS 26 忽略 theme-color；取樣貼邊 fixed/sticky 的 background-color + backdrop-filter。
 * 各頁共有的搶樣層：
 *   - sticky .ni-premium-header / #mainNav（奶油＋blur，各頁底圖合成不同）
 *   - opacity:0 的 drawer overlay／#NI_CART_POPUP_BACKDROP（仍在取樣樹）
 *   - 購物車島／結帳送出島／列表 sidebar fixed
 * 首頁底分叉：半透明 backdrop 與英雄區合成 ≠ 內頁奶油底。
 * 收斂：取消 sticky、display:none 移出搶樣層、只留實色取景帶 + body 後備。不堆 !important。
 */
@media screen and (max-width:700px){
  html.ni-mobile-search-open,
  html:has(body.ni-mobile-search-open),
  html body.ni-mobile-search-open,
  html body.ni-page.ni-mobile-search-open,
  html body.ni-home-index.ni-mobile-search-open,
  html body.ni-page-home.ni-mobile-search-open,
  html body.ni-page-category.ni-mobile-search-open,
  html body.ni-page-search.ni-mobile-search-open,
  html body.ni-page-brand.ni-mobile-search-open,
  html body.ni-page-brand-list.ni-mobile-search-open,
  html body.ni-page-flow.ni-mobile-search-open,
  html body.ni-page-member.ni-mobile-search-open,
  html body.ni-page-member-auth.ni-mobile-search-open,
  html body.ni-page-announcement.ni-mobile-search-open,
  html body.ni-page-article.ni-mobile-search-open,
  html body.ni-page-edge.ni-mobile-search-open,
  html body.ni-page-topic.ni-mobile-search-open,
  html body.ni-page-myship.ni-mobile-search-open,
  html body.ni-page-ezship.ni-mobile-search-open,
  html body.ni-page-receive.ni-mobile-search-open,
  html body.ni-page-respond.ni-mobile-search-open,
  html body.goods_body.ni-mobile-search-open,
  html body[data-ni-page].ni-mobile-search-open{
    background:#9b918d;
    background-color:#9b918d;
  }

  /* 移出取樣候選：不再 sticky／不再 blur */
  html body.ni-mobile-search-open .header_bg.ni-premium-header,
  html body.ni-mobile-search-open .header_bg.ni-premium-header.block,
  html body.ni-mobile-search-open .block.header_bg.ni-premium-header,
  html body.ni-mobile-search-open.ni-home-index .header_bg.ni-premium-header,
  html body.ni-mobile-search-open #mainNav,
  html body.ni-mobile-search-open #mainNav.clearfix,
  html body.ni-mobile-search-open.ni-home-index #mainNav,
  html body.ni-mobile-search-open.ni-home-index #mainNav.clearfix{
    position:relative;
    top:auto;
    z-index:auto;
    background:#9b918d;
    background-color:#9b918d;
    background-image:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }

  /* 唯一允許的貼邊取樣源（底帶 bottom:-8px 外伸，壓過其他搶樣層） */
  html body > .ni-mobile-search-chrome[data-ni-mobile-search-chrome],
  html > .ni-mobile-search-chrome[data-ni-mobile-search-chrome]{
    display:block;
    position:fixed;
    left:0;
    right:0;
    width:100%;
    min-width:100%;
    background:#9b918d;
    background-color:#9b918d;
    background-image:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    opacity:1;
    visibility:visible;
    z-index:2147483600;
  }
  html > .ni-mobile-search-chrome[data-ni-mobile-search-chrome="bottom"],
  html body > .ni-mobile-search-chrome[data-ni-mobile-search-chrome="bottom"]{
    bottom:-8px;
    height:calc(var(--ni-mobile-search-chrome-bottom, 48px) + 8px);
    min-height:56px;
  }

  /*
   * 底緣搶樣層：inset:0 + opacity:0 的 fixed 仍會被取樣（lightbox／backdrop／drawer）。
   * 候選 .ni-ac-box 另在 autocomplete CSS 內縮底緣、blur 改掛 ::before。
   */
  html body.ni-mobile-search-open > .ni-mobile-luxe-overlay,
  html body.ni-mobile-search-open > .ni-mobile-luxe-overlay[data-ni-mobile-layer-mounted="1"],
  html body.ni-mobile-search-open > .ni-mobile-luxe-drawer,
  html body.ni-mobile-search-open > .ni-mobile-luxe-drawer[data-ni-mobile-layer-mounted="1"],
  html body.ni-mobile-search-open .ni-mobile-luxe-overlay,
  html body.ni-mobile-search-open .ni-mobile-luxe-drawer,
  html body.ni-mobile-search-open #mainNav .meun_float,
  html body.ni-mobile-search-open #mainNav .meun_float.ni-cartbar,
  html body.ni-mobile-search-open #mainNav .meun_float[data-ni-cartbar],
  html body.ni-mobile-search-open .ni-flow-mobile-submit,
  html body.ni-mobile-search-open .ni-flow-cart-footer-actions,
  html body.ni-mobile-search-open .ni-listing-sidebar,
  html body.ni-mobile-search-open .ni-listing-sidebar[data-ni-listing-sidebar],
  html body.ni-mobile-search-open .ni-listing-sidebar-backdrop,
  html body.ni-mobile-search-open .ni-listing-sidebar-backdrop[data-ni-listing-sidebar-backdrop],
  html body.ni-mobile-search-open .ni-listing-filter-backdrop,
  html body.ni-mobile-search-open .ni-listing-filter-backdrop[data-ni-listing-filter-backdrop],
  html body.ni-mobile-search-open #ni_listing_filter_body.is-ni-filter-sheet-portaled,
  html body.ni-mobile-search-open .ni-vip-modal-mask,
  html body.ni-mobile-search-open .ni-shell-cartbar,
  html body.ni-mobile-search-open .ni-shell-mobile-nav,
  html body.ni-mobile-search-open .ni-goods-floating-cartbar,
  html body.ni-mobile-search-open .ni-collect-toast,
  html body.ni-mobile-search-open .nij-product-lightbox,
  html body.ni-mobile-search-open .ni-legacy-spec-sheet,
  html body.ni-mobile-search-open > #CARTINFO.cartlist.ni-cart-mobile-modal,
  html body.ni-mobile-search-open > .cartlist.ni-cart-mobile-modal,
  /*
   * 首頁底 chrome 分叉真因：
   * cartbar.js 會掛 #NI_CART_POPUP_BACKDROP（fixed inset:0、opacity:0、深色 rgba）。
   * iOS 26 仍取樣該層，與首頁英雄／內頁奶油底合成 → 唯首頁底色不同。
   * 收斂：搜尋開啟時 display:none 移出取樣樹。
   */
  html body.ni-mobile-search-open .ni-cart-popup-backdrop,
  html body.ni-mobile-search-open #NI_CART_POPUP_BACKDROP{
    display:none;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  html body.ni-mobile-search-open #mainNav .meun_float::before,
  html body.ni-mobile-search-open #mainNav .meun_float.ni-cartbar::before,
  html body.ni-mobile-search-open #mainNav .meun_float[data-ni-cartbar]::before{
    content:none;
    display:none;
  }
}