/* One offset for the fixed navigation. These routes used to add another
   64–128px inside their shells, leaving an oversized empty band. 96px then
   left the content pressed against the nav; 124px gives it room. */
.page-view:is([data-route="/social-hub"], [data-route="/videos"],
  [data-route="/user"], [data-route="/artist"], [data-route="/search"],
  [data-route="/settings"]) {
  padding-top: 124px !important;
}

/* The consoles keep their own 28px inside .admin-overlay; the view's generic
   80px becomes 108px so they sit as far from the nav as the pages above. */
.page-view:is([data-route="/admin"], [data-route="/curator"],
  [data-route="/artist-dashboard"]) {
  padding-top: 108px !important;
}

.page-view[data-route="/social-hub"] .social-hub-page-shell,
.page-view[data-route="/videos"] .videos-page,
.page-view[data-route="/search"] .search-shell,
.page-view[data-route="/settings"] .account-settings-page,
.page-view[data-route="/user"] .public-profile-shell > div:first-child {
  padding-top: 0 !important;
}

.page-view[data-route="/artist"] .artist-main-wrapper.public-artist-shell {
  margin-top: 0 !important;
}

/* The mobile header places the account controls below the main links. */
@media (max-width: 760px) {
  .page-view:is([data-route="/social-hub"], [data-route="/videos"],
    [data-route="/user"], [data-route="/artist"], [data-route="/search"],
    [data-route="/settings"]) {
    padding-top: 140px !important;
  }

  .page-view:is([data-route="/admin"], [data-route="/curator"],
    [data-route="/artist-dashboard"]) {
    padding-top: 124px !important;
  }
}