/* MHQ Mobile Accordion Menu 1.0.0
   只作用于手机断点（<=1112px，与主题 GridShow 切换汉堡的断点一致）。
   顶层 ul 的横排显示由 Customizer 既有 CSS 负责，本文件只管 sub-menu 的展开/收起。
   选择器以 #gridshow-menu-primary-navigation（菜单 ul 的固定 id）为根，
   特异性高于主题与 Customizer 的类选择器，避免规则打架。 */

@media only screen and (max-width: 1112px) {

  /* 定位上下文：一级面板相对整个导航条定位，而不是相对四分之一宽的 li */
  #gridshow-primary-navigation {
    position: relative;
  }
  #gridshow-menu-primary-navigation > li {
    position: static !important;
  }

  /* 默认收起所有层级子菜单（主题用 left:-9999px/opacity 藏菜单，
     这里用 display:none 一并压住，包括 gridshow-focus 的主题展开规则） */
  #gridshow-menu-primary-navigation .sub-menu {
    display: none !important;
  }

  /* 一级展开：菜单条下方整宽绝对定位面板 */
  #gridshow-menu-primary-navigation > li.mhq-open > .sub-menu {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: auto !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    opacity: 1 !important;
    z-index: 999;
    background: #282828;
    border-top: 1px solid #655f5f;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .35);
  }

  /* 二级及更深：面板内流内缩进展开（覆盖主题的 margin:-47px 0 0 189px 飞出定位） */
  #gridshow-menu-primary-navigation .sub-menu li.mhq-open > .sub-menu {
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    margin: 0 0 4px 14px !important;
    padding: 0 !important;
    opacity: 1 !important;
    background: rgba(255, 255, 255, .05);
    border-left: 2px solid rgba(255, 255, 255, .18);
  }

  /* 面板内链接：整行可点，行高约 47px */
  #gridshow-menu-primary-navigation .sub-menu > li > a {
    display: block !important;
    width: auto !important;
    box-sizing: border-box;
    padding: 12px 16px !important;
    font-size: 15px;
    line-height: 1.35;
    min-height: 44px;
    text-align: left;
  }

  /* 父项箭头（统一覆盖主题 Font Awesome 的 :after 标记）：展开时旋转 180 度 */
  #gridshow-menu-primary-navigation li.menu-item-has-children > a::after {
    content: "\25BE";
    font-family: inherit;
    font-weight: 400;
    position: static;
    right: auto;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
    font-size: .85em;
    vertical-align: baseline;
    transition: transform .18s ease;
  }
  #gridshow-menu-primary-navigation li.mhq-open > a::after {
    transform: rotate(180deg);
  }

  /* 面板内已展开的父项加粗，与未展开项区分 */
  #gridshow-menu-primary-navigation .sub-menu li.mhq-open > a {
    font-weight: 700;
  }
}