/* Hyde Clone Engine front-end styles v2.0.0 */

/* neutralize the old CSS-only MORE hack once JS MORE is active */
ul.wsite-menu-default.hyde-js-more > li:nth-child(6) > a { font-size: inherit !important; }
ul.wsite-menu-default.hyde-js-more > li:nth-child(6) > a::after { content: none !important; }
ul.wsite-menu-default.hyde-js-more > li:nth-child(n+7) { position: static !important; opacity: 1 !important; visibility: visible !important; }

/* JS-driven mobile nav open state (mirrors the old :focus-within rules) */
@media (max-width: 768px) {
  .container.hyde-nav-open .nav.desktop-nav {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #55655a;
    z-index: 9999;
  }
  .container.hyde-nav-open .nav.desktop-nav ul.wsite-menu-default > li {
    display: block;
    width: 100%;
    float: none;
  }
}

/* the MORE dropdown reuses the standard submenu styling already in Additional CSS */

/* hyde-more panel: keep dropdown inside the viewport, aligned to the right edge */
@media (min-width: 769px) {
  li.hyde-more { position: relative; }
  li.hyde-more > .wsite-menu-wrap { left: auto !important; right: 0 !important; min-width: 200px; }
  li.hyde-more > .wsite-menu-wrap .wsite-menu-subitem { text-align: left; white-space: nowrap; }
}

/* mobile submenu accordion */
.hyde-sub-toggle { display: none; }
@media (max-width: 768px) {
  .nav.desktop-nav li.wsite-menu-item-wrap { position: relative; }
  .hyde-sub-toggle {
    display: block; position: absolute; top: 0; right: 0;
    width: 44px; height: 44px; cursor: pointer; z-index: 5;
  }
  .hyde-sub-toggle::after {
    content: "BE"; color: #fff; font-size: 18px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  }
  li.hyde-sub-open > .hyde-sub-toggle::after { content: "B4"; }
  .nav.desktop-nav li.wsite-menu-item-wrap > .wsite-menu-wrap { display: none; }
  li.hyde-sub-open > .wsite-menu-wrap {
    display: block !important; position: static !important;
    max-height: none !important; opacity: 1 !important; visibility: visible !important;
    background: #4a584f !important; border: 0 !important; box-shadow: none !important;
  }
  li.hyde-sub-open > .wsite-menu-wrap .wsite-menu-subitem { color: #fff !important; }
}