
/* SPACE2047 EXACT MENU POPUP FIX - replaces messy bullet/button layout */
.menu,
.menu-popup,
.menu-title,
.nav-links,
.s2047-bottom-nav,
.s2047-footer-bottom-nav,
.s2047-menu-list,
.s2047-menu-open,
.s2047-menu-overlay,
.s2047-menu-popup,
.s2047-modal,
.s2047-modal-head,
.s2047-music-modal,
.s2047-nav,
.s2047-overlay,
.s2047-post-nav,
.study-menu-overlay,
.study-menu-popup,
.sub-menu {
  box-sizing: border-box !important;
}

.s2047-menu-overlay,
.menu-overlay,
.nav-overlay,
[class*="menu"][class*="overlay"],
[class*="popup"][class*="menu"],
[class*="menu"][class*="popup"],
[class*="menu"][class*="modal"],
[class*="menu"][class*="panel"],
[class*="menu"][class*="drawer"] {
  overflow: visible !important;
}

[class*="menu"][class*="popup"],
[class*="popup"][class*="menu"],
[class*="menu"][class*="modal"],
[class*="menu"][class*="panel"],
[class*="menu"][class*="drawer"],
.s2047-menu,
.s2047-menu-box,
.s2047-menu-popup,
.s2047-menu-panel,
.s2047-study-menu,
.s2047-mobile-menu {
  box-sizing: border-box !important;
}

[class*="menu"][class*="popup"] ul,
[class*="popup"][class*="menu"] ul,
[class*="menu"][class*="modal"] ul,
[class*="menu"][class*="panel"] ul,
[class*="menu"][class*="drawer"] ul,
.s2047-menu-popup ul,
.s2047-menu-panel ul,
.s2047-menu-box ul,
.s2047-menu ul,
.s2047-study-menu ul,
.s2047-mobile-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
  gap: 12px 34px !important;
  align-items: stretch !important;
}

[class*="menu"][class*="popup"] li,
[class*="popup"][class*="menu"] li,
[class*="menu"][class*="modal"] li,
[class*="menu"][class*="panel"] li,
[class*="menu"][class*="drawer"] li,
.s2047-menu-popup li,
.s2047-menu-panel li,
.s2047-menu-box li,
.s2047-menu li,
.s2047-study-menu li,
.s2047-mobile-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: static !important;
}

[class*="menu"][class*="popup"] li::before,
[class*="popup"][class*="menu"] li::before,
[class*="menu"][class*="modal"] li::before,
[class*="menu"][class*="panel"] li::before,
[class*="menu"][class*="drawer"] li::before,
.s2047-menu-popup li::before,
.s2047-menu-panel li::before,
.s2047-menu-box li::before,
.s2047-menu li::before,
.s2047-study-menu li::before,
.s2047-mobile-menu li::before {
  content: none !important;
  display: none !important;
}

[class*="menu"][class*="popup"] li::marker,
[class*="popup"][class*="menu"] li::marker,
[class*="menu"][class*="modal"] li::marker,
[class*="menu"][class*="panel"] li::marker,
[class*="menu"][class*="drawer"] li::marker,
.s2047-menu-popup li::marker,
.s2047-menu-panel li::marker,
.s2047-menu-box li::marker,
.s2047-menu li::marker,
.s2047-study-menu li::marker,
.s2047-mobile-menu li::marker {
  content: "" !important;
  font-size: 0 !important;
}

[class*="menu"][class*="popup"] a,
[class*="popup"][class*="menu"] a,
[class*="menu"][class*="modal"] a,
[class*="menu"][class*="panel"] a,
[class*="menu"][class*="drawer"] a,
.s2047-menu-popup a,
.s2047-menu-panel a,
.s2047-menu-box a,
.s2047-menu a,
.s2047-study-menu a,
.s2047-mobile-menu a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}

[class*="menu"][class*="popup"] a:hover,
[class*="popup"][class*="menu"] a:hover,
[class*="menu"][class*="modal"] a:hover,
[class*="menu"][class*="panel"] a:hover,
[class*="menu"][class*="drawer"] a:hover,
.s2047-menu-popup a:hover,
.s2047-menu-panel a:hover,
.s2047-menu-box a:hover,
.s2047-menu a:hover,
.s2047-study-menu a:hover,
.s2047-mobile-menu a:hover {
  color: #000 !important;
  background: #e9c46a !important;
  border-color: #e9c46a !important;
  cursor: pointer !important;
}

@media (max-width: 700px) {
  [class*="menu"][class*="popup"] ul,
  [class*="popup"][class*="menu"] ul,
  [class*="menu"][class*="modal"] ul,
  [class*="menu"][class*="panel"] ul,
  [class*="menu"][class*="drawer"] ul,
  .s2047-menu-popup ul,
  .s2047-menu-panel ul,
  .s2047-menu-box ul,
  .s2047-menu ul,
  .s2047-study-menu ul,
  .s2047-mobile-menu ul {
    grid-template-columns: 1fr !important;
  }
  [class*="menu"][class*="popup"] a,
  [class*="popup"][class*="menu"] a,
  [class*="menu"][class*="modal"] a,
  [class*="menu"][class*="panel"] a,
  [class*="menu"][class*="drawer"] a,
  .s2047-menu-popup a,
  .s2047-menu-panel a,
  .s2047-menu-box a,
  .s2047-menu a,
  .s2047-study-menu a,
  .s2047-mobile-menu a {
    white-space: normal !important;
  }
}
