@media (max-width: 768px) {
  .fab {
    /* NÃO mexa no position aqui, deixa o fixed do Tailwind/DaisyUI */
    z-index: 50; /* só garante que o FAB fica acima do overlay */
  }

  .fab::before {
    content: "";
    position: fixed;      /* cobre a tela toda */
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms ease-out;
  }

  .fab:hover::before,
  .fab:focus-within::before {
    opacity: 1;
  }
}