/* iLoveXML — estilos do menu único (SidebarSite). Carregar no App.razor, depois do app.css. */

/* Título de grupo no menu */
.side-nav-title {
  display: block;
  margin: .9rem 0 .15rem;
  padding: 0 12px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7a8c;
}
.side-nav-title:first-child { margin-top: 0; }

/* Item "Pro" em destaque (antes só existia na Home) */
.side-nav-item.destaque-pro {
  color: #8cc63f;
  border-color: rgba(140, 198, 63, .35);
  background: rgba(140, 198, 63, .06);
}
.side-nav-item.destaque-pro:hover { background: rgba(140, 198, 63, .12); color: #fff; }

/* O menu lateral tem muitos itens: deixa rolar dentro dele em telas baixas */
.sidebar-inner { overflow-y: auto; }

/* ---------- Celular / tablet: antes a sidebar sumia sem nenhuma navegação ---------- */
@media (max-width: 900px) {
  .m-bar {
    display: block !important;
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    background: #0e1620;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }
  body { padding-top: 52px; }

  .m-menu summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    padding: 0 1rem;
    cursor: pointer;
  }
  .m-menu summary::-webkit-details-marker { display: none; }
  .m-brand { font-size: 1.2rem; font-weight: 800; color: #fff; text-decoration: none; letter-spacing: -.02em; }
  .m-brand em { color: #8cc63f; font-style: normal; }
  .m-burger { font-size: .9rem; font-weight: 700; color: #fff; padding: 6px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; }

  .m-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: .5rem 1rem 1rem;
    max-height: calc(100vh - 52px);
    overflow-y: auto;
    background: #0e1620;
  }
}