/* === HEADER MOBILE: rimuove logo Mastodon wordmark === */
.ui__header .brand svg,
.ui__header .brand {
  display: none !important;
}

/* === HEADER MOBILE: inserisce logo custom === */
.ui__header {
  background-image: url(/custom/logo-square.png);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 12px center;
  padding-left: 56px;
}

/* === MOBILE: rimuove definitivamente la M Mastodon === */
.ui__header__logo svg,
.ui__header__logo {
  display: none !important;
}

/* === MOBILE: spazio coerente senza logo === */
.ui__header {
  padding-left: 12px !important;
}