/* ============================================================
   sidebar-accordion.css — sessão 132
   Comportamento accordion para submenus da sidebar
   - Submenu fechado por padrão (max-height: 0)
   - Aberto quando recebe .cf-submenu-open
   - Chevron rotaciona 180deg quando aberto
   ============================================================ */

/* Item pai com submenu — espaço pro chevron */
.sidebar .ni[data-has-submenu="true"] {
  position: relative;
}
.sidebar .ni[data-has-submenu="true"] .sb-chevron {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0.6;
  display: inline-flex;
  pointer-events: none;
}
.sidebar .ni[data-has-submenu="true"]:hover .sb-chevron {
  opacity: 1;
}
.sidebar .ni[data-has-submenu="true"].cf-submenu-trigger-open .sb-chevron,
.sidebar .ni[data-has-submenu="true"].on .sb-chevron {
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}

/* Submenu — fechado por padrão (somente após carregar JS pra evitar FOUC) */
.sidebar .sb-submenu[data-parent] {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 280ms cubic-bezier(0.16, 1, 0.3, 1),
              opacity 200ms ease-out,
              margin 220ms ease-out,
              padding 220ms ease-out;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Aberto */
.sidebar .sb-submenu[data-parent].cf-submenu-open {
  max-height: 600px;
  opacity: 1;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  transition: max-height 320ms cubic-bezier(0.16, 1, 0.3, 1),
              opacity 280ms ease-out 60ms,
              margin 220ms ease-out;
}

/* No primeiro paint (antes do JS rodar) — evita flash de submenus abertos */
html:not(.cf-sidebar-ready) .sidebar .sb-submenu[data-parent] {
  display: none;
}
/* Submenus EMPILHADOS verticalmente (cada item em uma linha — não em row) */
html.cf-sidebar-ready .sidebar .sb-submenu[data-parent] {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
html.cf-sidebar-ready .sidebar .sb-submenu[data-parent] .ni.sub {
  display: flex !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}