/*

chud.space — Pleroma-FE custom styles
scp theming/custom.css webmin@192.168.0.99:/mnt/docker/akkoma/static/static/custom.css

NOTE: custom.css loads BEFORE app.css, so all overrides need !important

*/

/* ========================
   LAYOUT — center content,
   sidebar to the right
   ======================== */

.app-layout {
  --miniColumn: 20rem !important;
  --maxiColumn: minmax(var(--miniColumn), 45rem) !important;
  --columnGap: 1em !important;
  --status-margin: 0.75em !important;
  grid-template-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn) !important;
  grid-template-areas: "notifs content sidebar" !important;
}

/* Drop the balancing column on narrower viewports */
@media (max-width: 80rem) {
  .app-layout {
    grid-template-columns: var(--maxiColumn) !important;
    grid-template-areas: "content sidebar" !important;
  }
}

.app-layout.-wide-timeline {
  --maxiColumn: minmax(var(--miniColumn), 1fr) !important;
}

/* ========================
   USER CARD
   ======================== */

.user-card .panel-heading {
  margin-top: 102px !important;
}

.user-card .background-image {
  height: 150px !important;
}

/* ========================
   USER INFO — hide display
   name, simplify grid
   ======================== */

.user-info .user-name {
  display: none !important;
}
.user-info .container {
  grid-template-areas: "pfp summary edit" "pfp stats stats" !important;
}