/* FlatcastX V44 | Lobi sol menü: alt menülü ana öğeler ve alt satırların puntoları.
   Yalnızca menü görseli değişir; href, onclick, JS, oturum ve veritabanı etkilenmez. */

/* V56 iki katlı kapsayıcı nedeniyle normal menü satırıyla aynı boyuta yerleşsin. */
body .page > .layout > .sidebar .fx-lobby-menu-group {
  margin: 0 !important;
}
body .page > .layout > .sidebar .fx-lobby-menu-parent {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 39px !important;
  margin: 2px 0 !important;
  border-radius: 7px !important;
  align-items: stretch !important;
}
body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 37px !important;
  margin: 0 !important;
  padding: 8px 4px 8px 10px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}
/* Ok ayrı bir kutu ya da butonmuş gibi görünmesin; ana satırın sağında dursun. */
body .page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle {
  box-sizing: border-box !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  align-self: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  padding: 0 !important;
}
body .page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle:is(:hover,:focus-visible) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Diğer normal lobi menü öğeleriyle aynı açık/koyu buton yüzeyi. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar .fx-lobby-menu-parent,
html:not([data-fx-site-theme="dark"]) body .page > .layout > .sidebar .fx-lobby-menu-parent {
  background: linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%) !important;
  border: 1px solid #d7e0e9 !important;
  box-shadow: inset 0 1px 0 #ffffff !important;
}
/* V73.2: alt menulu butonun normal (secili olmayan) acik tema tonu diger menulerle ayni. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item,
html:not([data-fx-site-theme="dark"]) body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item {
  color: #1a4d75 !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item > i:first-child,
html:not([data-fx-site-theme="dark"]) body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item > i:first-child {
  background: #eaf3fa !important;
  color: #197bb6 !important;
}
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar .fx-lobby-menu-parent {
  background: linear-gradient(180deg,#29435e,#223a53) !important;
  border: 1px solid #496b8b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.12) !important;
}
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item {
  color: #ebf6ff !important;
}
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle {
  color: #a8d4f2 !important;
}
/* V56 gibi açık menü/hover vurgusunu da koru. */
html:not([data-fx-site-theme="dark"]) body .page > .layout > .sidebar .fx-lobby-menu-parent:hover,
html:not([data-fx-site-theme="dark"]) body .page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent {
  background:#eaf5fd !important;
  border-color:#badbf3 !important;
  box-shadow:inset 3px 0 0 #29a7ee !important;
}
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar .fx-lobby-menu-parent:hover,
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent {
  background:#315474 !important;
  border-color:#5684a6 !important;
  box-shadow:inset 3px 0 0 #48b7f8 !important;
}

/* Alt menü metinleri, ana menü metinleriyle eşit puntoya getirilir. */
body .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item {
  box-sizing: border-box !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  min-height: 35px !important;
  padding: 8px 9px !important;
}
body .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item > i:first-child {
  flex: 0 0 18px !important;
  width: 18px !important;
  font-size: 13px !important;
  text-align:center !important;
}