/* ==========================================================================
   OMINOUS NETWORKS — Custom CSS for vox.ominous.net (Mastodon 4.5.7)
   
   Goals:
   - Strip the public/logged-out landing page down to the hero image,
     instance name, tagline, and login link — no sidebars, no admin info.
   - Replace "ominous.net" with "OMINOUS NETWORKS" branding.
   - Leave the logged-in experience completely untouched.
   
   Technique:
   - The .sign-in-banner element only exists when logged out. We keep it in
     the DOM (visibility:hidden instead of display:none) so that :has() can
     detect it on a parent container, letting us scope rules to logged-out only.
   ========================================================================== */


/* --- Logged-out detection anchor -----------------------------------------
   Hide the sign-in banner visually but keep it in the DOM so :has() works.
   This is the lynchpin — everything below that targets logged-out state
   depends on .sign-in-banner existing in the DOM tree.
   -------------------------------------------------------------------------- */
.sign-in-banner {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* --- Logged-out only: hide side panes and center content -----------------
   Uses :has(.sign-in-banner) to scope these rules so they never fire
   when a user is logged in.
   - compositional = left pane (search, compose, footer)
   - navigational / start = right pane (Mastodon branding, login/signup)
   -------------------------------------------------------------------------- */
.columns-area__panels:has(.sign-in-banner) .columns-area__panels__pane--compositional,
.columns-area__panels:has(.sign-in-banner) .columns-area__panels__pane--navigational,
.columns-area__panels:has(.sign-in-banner) .columns-area__panels__pane--start {
  display: none !important;
}

.columns-area__panels:has(.sign-in-banner) .columns-area__panels__main {
  max-width: 800px !important;
  margin: 0 auto !important;
}


/* --- About page: strip admin info and server details ---------------------
   These elements only appear on the /about page so no scoping is needed.
   -------------------------------------------------------------------------- */
.about__meta,
.about__section,
.about__section-body,
.about__section-headline,
.directory__card,
.account-card,
.server-banner {
  display: none !important;
}


/* --- Branding: replace instance name -------------------------------------
   Zero out the original "ominous.net" h1 text and inject "OMINOUS NETWORKS"
   via a pseudo-element.
   -------------------------------------------------------------------------- */
.about__header h1 {
  font-size: 0 !important;
}

.about__header h1::after {
  content: "OMINOUS NETWORKS";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
}


/* --- Hide Mastodon disclaimer footer on the about page ------------------- */
.scrollable.about > .link-footer {
  display: none !important;
}

