/* ==========================================================================
   198bona.com 详情页（老皮肤）Mac / 窄视口修复  v1020d
   特征：body.body_page + nav.navbar-fixed-top（<= 959px 时 bootstrap 让
        .navbar-collapse 独占一行，导致 logo 一行、菜单一行、下面再露白）
   做法：769~1023px 把 .navbar-fixed-top > .container 改成 flex 单行，
        取消 bootstrap 的 block 折行行为，logo 与菜单水平并排、垂直居中。
   影响范围：仅 body.body_page，首页与栏目页不受影响。
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1023px) {

  /* --- 1. 外层容器：flex 单行，吃掉多余高度 --- */
  body.body_page .navbar-fixed-top {
    min-height: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
    overflow: visible !important;
  }

  body.body_page .navbar-fixed-top > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  /* --- 2. logo 区：不浮动、不撑高 --- */
  body.body_page .navbar-fixed-top .navbar-header {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px !important;
    max-height: 50px !important;
  }

  /* 汉堡按钮在 >=769px 不需要，避免占位 */
  body.body_page .navbar-fixed-top .navbar-toggle {
    display: none !important;
  }

  body.body_page .navbar-fixed-top .navbar-brand,
  body.body_page .navbar-fixed-top .brandStyle {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  body.body_page .navbar-fixed-top .navbar-brand a,
  body.body_page .navbar-fixed-top .brandStyle a {
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
  }

  body.body_page .navbar-fixed-top .navbar-brand img,
  body.body_page .navbar-fixed-top .brandStyle img {
    display: block !important;
    float: none !important;
    height: 40px !important;
    width: auto !important;
    margin: 0 !important;
    max-width: none !important;
  }

  /* --- 3. 菜单区：这里才是关键，必须取消 block 折行 --- */
  body.body_page .navbar-fixed-top .navbar-collapse {
    display: flex !important;
    flex: 1 1 auto !important;
    float: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: auto !important;
  }

  body.body_page .navbar-fixed-top .navbar-right,
  body.body_page .navbar-fixed-top .menustyle {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    height: 50px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.body_page .navbar-fixed-top .navbar-nav {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    height: 50px !important;
    white-space: nowrap !important;
  }

  body.body_page .navbar-fixed-top .navbar-nav > li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    position: relative !important;
  }

  body.body_page .navbar-fixed-top .navbar-nav > li > a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 5px !important;
    margin: 0 !important;
    height: 50px !important;
    line-height: 1 !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  body.body_page .navbar-fixed-top .navbar-nav > li > a p {
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.body_page .navbar-fixed-top .navbar-nav > li > a span {
    display: none !important;
  }
}