/* ============================================================
   移动端面包屑导航 — 全站唯一来源（公共组件）
   ------------------------------------------------------------
   历史：原分散在 mobile-rent.css（html body.rent-page 限定）、
   page_search_header.css（裸 .mobile-breadcrumb）与
   pc-responsive.css（html body .mobile-breadcrumb，最高特异性）三处，
   易造成"改外观要同步三处"。现收敛到本文件，由 _footer_content.php
   在页脚（即 nav.mobile-breadcrumb 由 JS 生成的位置）统一加载一次，
   列表页 / 详情页 / 简单页 全部共用，改样式只改这里。
   选择器刻意用裸 .mobile-breadcrumb，不依赖任何 body class，
   以同时覆盖列表页（rent-page）与详情页（building-detail-page / detail-page 等）。
   ============================================================ */
@media (max-width: 767px) {
  .mobile-breadcrumb {
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding: 0 14px !important;
    height: 38px;
    min-height: 38px;
    font-size: 13px;
    line-height: 38px;
    color: #666;
    background: #f5f6f8;
    border-bottom: 1px solid #e8eaed;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    width: 100%;
  }
  .mobile-breadcrumb a {
    color: #666;
    flex-shrink: 0;
    text-decoration: none;
    font-size: 13px;
    line-height: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
  }
  .mobile-breadcrumb a:last-child {
    color: #333;
    font-weight: 500;
  }
  .mobile-breadcrumb .sep {
    color: #bbb;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
  }
}

/* 桌面端不显示移动面包屑（JS 在桌面也不会生成该 nav，这里兜底隐藏静态输出的版本） */
@media (min-width: 768px) {
  .mobile-breadcrumb {
    display: none !important;
  }
}