/* menu-top-priority.css — garante que o MENU fique por cima no smartphone */
@media (max-width:1100px){
  :root{ --hdrH: 60px; }

  /* Header acima de tudo */
  header{
    position: sticky;
    top: 0;
    z-index: 2147482000; /* muito alto para vencer z-index agressivos do conteúdo */
  }

  /* Menu principal (sidebar/nav) acima do header e do conteúdo */
  nav.sidebar, nav[role="navigation"], nav.main-menu{
    position: relative;
    z-index: 2147483000;  /* maior que qualquer conteúdo */
    pointer-events: auto;
    /* se seu menu precisar cobrir o conteúdo, descomente:
    position: sticky; top: var(--hdrH);
    */
  }

  /* Caso você use "drawer"/alvo lateral */
  .drawer-target{ z-index: 2147483000; }

  /* Backdrop (se existir) fica abaixo do menu */
  .backdrop{ z-index: 2147482500; }

  /* Conteúdo nunca deve ficar acima do menu */
  main, #view, .content, .page, [role="main"], .route-section{
    position: relative;
    z-index: 0;
  }

  /* Itens fixos dentro do conteúdo não ultrapassam o menu */
  .content *[style*="position:fixed"], .page *[style*="position:fixed"]{
    z-index: 1 !important;
  }

  /* Compensa altura do header para o conteúdo não "passar por baixo" */
  main, #view, .content, .page{
    padding-top: calc(var(--hdrH) + 8px);
  }

  /* Ancoragem com compensação do header */
  [id]{ scroll-margin-top: calc(var(--hdrH) + 10px); }
}