/* Gli elementi nascosti restano nascosti su ogni dispositivo */
[hidden] {
  display: none !important;
}

/* Nessuna navigazione prima dell'accesso */
body:has(#auth:not([hidden])) #bottom,
body:has(#auth:not([hidden])) nav#bottom,
body:has(#auth:not([hidden])) .ranch-mobile-bottom-nav {
  display: none !important;
}

/* La navigazione inferiore è solo per dispositivi mobili */
@media (min-width: 769px) {
  #bottom {
    display: none !important;
  }
}