/* Make Disciples v3.28 — Settings category menu structure repair
   Keeps all seven categories in one horizontal row with exactly
   three visible at a time. Theme styling is scoped to Retro and
   Aqua Glass so other completed themes remain unchanged. */

/* Shared structural reset. This must load after every theme file. */
body.ui2-settings-active #subNav.settings-sub-menu{
  display:grid!important;
  grid-template-columns:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc(100% / 3)!important;
  align-items:stretch!important;
  justify-content:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:0!important;
  scroll-snap-type:none!important;
  scroll-padding:0!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  touch-action:pan-x pan-y!important;
}
body.ui2-settings-active #subNav.settings-sub-menu::-webkit-scrollbar{display:none!important}
body.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button{
  grid-row:1!important;
  grid-column:auto!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  width:calc(100% - 12px)!important;
  max-width:calc(100% - 12px)!important;
  min-width:0!important;
  height:auto!important;
  margin-inline:6px!important;
  scroll-snap-align:none!important;
  white-space:normal!important;
  overflow:hidden!important;
}
body.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-inline:2px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
}

/* Retro: three separate chunky molded control-panel buttons. */
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu{
  padding:7px 0 13px!important;
  margin:0 0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu::before,
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu::after{
  content:none!important;
  display:none!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button{
  min-height:84px!important;
  padding:10px 4px 9px!important;
  gap:6px!important;
  border:2px solid #e0a332!important;
  border-radius:15px!important;
  background:
    linear-gradient(180deg,rgba(255,240,198,.22) 0 7%,transparent 8% 100%),
    repeating-linear-gradient(160deg,rgba(255,219,145,.035) 0 2px,rgba(45,20,10,.04) 2px 5px),
    linear-gradient(180deg,#5b2d19 0%,#3d2115 48%,#2a1710 100%)!important;
  color:#f7e4bd!important;
  box-shadow:
    0 0 0 3px #21120c,
    0 7px 0 #100a07,
    0 10px 16px rgba(0,0,0,.34),
    inset 0 2px 0 rgba(255,236,190,.46),
    inset 0 -4px 8px rgba(13,7,4,.42)!important;
  transform:none!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  z-index:-1!important;
  border:1px solid rgba(255,225,166,.20)!important;
  border-radius:9px!important;
  pointer-events:none!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button::after{
  content:none!important;
  display:none!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button.active:not(.ui2-pressing){
  border-color:#ffd36f!important;
  background:
    linear-gradient(180deg,rgba(255,244,208,.38) 0 8%,transparent 9% 100%),
    repeating-linear-gradient(160deg,rgba(255,238,194,.06) 0 2px,rgba(94,33,5,.04) 2px 5px),
    linear-gradient(180deg,#d9731f 0%,#b75014 50%,#84320d 100%)!important;
  color:#fff2cf!important;
  box-shadow:
    0 0 0 3px #4e200c,
    0 6px 0 #351307,
    0 0 19px rgba(232,151,36,.30),
    inset 0 2px 0 rgba(255,245,211,.62),
    inset 0 -4px 8px rgba(84,25,4,.30)!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button svg{
  width:27px!important;
  height:27px!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  filter:none!important;
}
body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button span{
  color:inherit!important;
  font-family:var(--font-display)!important;
  font-size:.67rem!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:.005em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 rgba(29,13,7,.85)!important;
}

/* Aqua Glass: one glass tray containing three readable glass tiles. */
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu{
  padding:8px 0 12px!important;
  margin:0 0 13px!important;
  border:1px solid rgba(230,253,255,.64)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 25% 0%,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(145deg,rgba(104,224,255,.20),rgba(0,112,192,.20) 58%,rgba(0,52,112,.30))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -14px 26px rgba(0,70,132,.18),
    0 10px 25px rgba(0,42,91,.25),
    0 0 16px rgba(106,229,255,.12)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  width:auto!important;
  border:1px solid rgba(226,253,255,.24)!important;
  border-radius:15px!important;
  pointer-events:none!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:3px!important;
  bottom:auto!important;
  left:9%!important;
  right:9%!important;
  width:auto!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button{
  min-height:76px!important;
  padding:9px 4px 8px!important;
  gap:6px!important;
  border:1px solid rgba(227,252,255,.48)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.18),transparent 42%),
    linear-gradient(145deg,rgba(119,225,248,.13),rgba(0,89,164,.19))!important;
  color:rgba(244,254,255,.82)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -10px 20px rgba(0,57,120,.16),
    0 5px 12px rgba(0,34,78,.18)!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button::before,
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button::after{
  content:none!important;
  display:none!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button.active:not(.ui2-pressing){
  color:#fff!important;
  border-color:rgba(246,255,255,.82)!important;
  background:
    radial-gradient(circle at 50% 5%,rgba(255,255,255,.35),transparent 44%),
    linear-gradient(180deg,rgba(124,235,255,.34),rgba(0,101,190,.24))!important;
  box-shadow:
    inset 0 0 0 1px rgba(239,255,255,.58),
    inset 0 -12px 22px rgba(0,67,139,.18),
    0 0 17px rgba(111,226,255,.24),
    0 6px 14px rgba(0,36,82,.22)!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button svg{
  width:25px!important;
  height:25px!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  filter:drop-shadow(0 0 4px rgba(219,251,255,.25))!important;
}
body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button span{
  color:inherit!important;
  font-family:var(--font-body)!important;
  font-size:.59rem!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 3px rgba(0,42,92,.55)!important;
}

/* Docked state must stay one row and retain the opaque shield. */
body.ui2-settings-active .nav-dock.is-docked #subNav.settings-sub-menu{
  grid-template-columns:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc(100% / 3)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

@media(max-width:380px){
  body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button{min-height:78px!important;margin-inline:5px!important;width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important}
  body.retro-theme.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button span{font-size:.60rem!important}
  body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button{min-height:72px!important;margin-inline:5px!important;width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important}
  body.aqua-glass.ui2-settings-active #subNav.settings-sub-menu>.settings-menu-button span{font-size:.54rem!important;letter-spacing:.04em!important}
}