/* === Drawer móvel CSS-only + pointer-events (CUSTOM v2, múltiplos seletores) === */
@media (max-width:1100px){
  #css-hamb{
    position:fixed; top:8px; left:10px;
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 10px; border-radius:10px;
    border:1px solid var(--border, #1f3d32); background:rgba(17,24,39,.95); color:#e7f6ef;
    z-index:110;
    cursor:pointer; user-select:none; pointer-events:auto; touch-action:manipulation;
  }

  /* Alvos possíveis da sua sidebar */
  nav.sidebar,
  aside.sidebar,
  #sidebar,
  nav#sidebar,
  nav#menu,
  aside#menu,
  nav.main-menu,
  nav[role="navigation"],
  nav[aria-label*="naveg" i],
  nav[aria-label*="menu" i]{
    display:none;
    position:fixed; top:var(--drawer-top, 58px);
    left:0; bottom:0;
    width:86vw; max-width:320px;
    background:rgba(17,24,39,.97);
    border-right:1px solid var(--border, #1f3d32);
    box-shadow:8px 0 24px rgba(0,0,0,.35);
    overflow:auto; -webkit-overflow-scrolling:touch;
    z-index:100; pointer-events:auto;
  }

  /* Ao abrir, exibir todos os candidatos (qualquer que seja o seu) */
  body:has(#drawer-toggle:checked) nav.sidebar,
  body:has(#drawer-toggle:checked) aside.sidebar,
  body:has(#drawer-toggle:checked) #sidebar,
  body:has(#drawer-toggle:checked) nav#sidebar,
  body:has(#drawer-toggle:checked) nav#menu,
  body:has(#drawer-toggle:checked) aside#menu,
  body:has(#drawer-toggle:checked) nav.main-menu,
  body:has(#drawer-toggle:checked) nav[role="navigation"],
  body:has(#drawer-toggle:checked) nav[aria-label*="naveg" i],
  body:has(#drawer-toggle:checked) nav[aria-label*="menu" i]{
    display:block;
  }

  .backdrop{
    display:none; position:fixed; inset:0;
    background:rgba(0,0,0,.45); z-index:90; pointer-events:none;
  }
  body:has(#drawer-toggle:checked) .backdrop{ display:block; pointer-events:auto; }

  body:has(#drawer-toggle:checked) main,
  body:has(#drawer-toggle:checked) #view,
  body:has(#drawer-toggle:checked) .content,
  body:has(#drawer-toggle:checked) .page { pointer-events:none; }

  [aria-hidden="true"], .hidden { pointer-events:none !important; }
  header{ position:relative; z-index:95; }
}

@media (min-width:1101px){
  #css-hamb, .backdrop{ display:none !important; }
}