/* ── Solo utenti NON loggati ── */
body:not(:has(.navbar-right a[href="/notifications"])) .page-content.home .tw-mb-8.tw-px-8,
body:not(:has(.navbar-right a[href="/notifications"])) .page-content.home .ui.stackable.middle.very.relaxed.page.grid {
  display: none !important;
}

body:not(:has(.navbar-right a[href="/notifications"])) .page-content.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 151px);
}

body:not(:has(.navbar-right a[href="/notifications"])) .page-content.home::before {
  content: '';
  display: block;
  background-image: url('/assets/img/logo-white.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 200px;
  height: 90px;
  margin-bottom: 20px;
}

body:not(:has(.navbar-right a[href="/notifications"])) .page-content.home::after {
  content: 'Dove si elaborano grandi progetti per grandi clienti';
  display: block;
  text-align: center;
  font-size: 1.1rem;
  color: #888;
  font-style: italic;
  letter-spacing: 0.02em;
}

body:not(:has(.navbar-right a[href="/notifications"])) .navbar-left .item:not(#navbar-logo),
body:not(:has(.navbar-right a[href="/notifications"])) .navbar-left .ui.dropdown {
  display: none !important;
}

body:not(:has(.navbar-right a[href="/notifications"])) footer.page-footer {
  display: none !important;
}

/* ── LOGIN MOBILE: decommentare per abilitare il login da mobile ──
   Il problema è che su mobile Gitea usa un menu separato (.navbar-mobile-right)
   che viene nascosto dai selettori sopra. Decommentare le righe sotto per ripristinarlo.

body:not(:has(.navbar-right a[href="/notifications"])) .navbar-mobile-right {
  display: flex !important;
}
body:not(:has(.navbar-right a[href="/notifications"])) .navbar-mobile-right .item.sign {
  display: flex !important;
}
── */