/* ============================================================
   robertvigil-leaf — theme-responsive header logo ONLY
   (No other theming; the rest of the UI stays stock.)

   The logo file (data/branding/logo.png) is a WHITE transparent
   pug. LeafWiki serves one static logo for both light and dark,
   so we recolor per theme with a CSS filter on the header <img>:

     - Light mode: invert white -> BLACK   (readable on light header)
     - Dark  mode: leave it WHITE           (readable on dark header)

   Selector: the header logo img is <img class="app-layout__logo-image">.
   The app toggles a `.dark` class on the root in dark mode, so the
   two-class `.dark .app-layout__logo-image` rule wins there.

   Favicon is a separate static file (blue pug) and is intentionally
   NOT touched — browser tab icons can't respond to page theme.
   ============================================================ */

.app-layout__logo-image {
  filter: invert(1);          /* light mode: white png -> black */
}

.dark .app-layout__logo-image,
:root.dark .app-layout__logo-image {
  filter: none;               /* dark mode: stays white */
}

/* ============================================================
   Hide wiki-bookkeeping chrome. Cosmetic only — the data is still
   in the DOM and returned by the API. Class names are compiled into
   the binary; re-verify after a binary upgrade.
   ============================================================ */

/* "Updated by X - N hours ago" under the breadcrumbs */
.page-viewer__metadata { display: none; }
/* separate wide-screen metadata bar */
.page-viewer__metadata-bar { display: none; }
/* "Referenced by / Broken links" pane at page bottom */
.backlinks__pane { display: none; }
/* page properties table */
.page-metadata__properties { display: none; }

/* "On this page" table-of-contents: the right-side rail plus its
   mobile button/popover form. */
.app-layout__toc-pane { display: none; }
.page-viewer__toc-button { display: none; }
.page-viewer__toc-panel { display: none; }

/* Logged-out toolbar holds only a bare <Button> (no class of its own).
   Hide the whole toolbar when the avatar dropdown is absent so it reserves
   no space; :has() keeps it visible when logged in.
   Harmless on private instances: a logged-out visitor gets the full login
   page, never the browsing chrome, so this state never renders there. */
.user-toolbar:not(:has(.user-toolbar__dropdown-trigger)) { display: none; }
.user-toolbar__dropdown-trigger { display: inline-flex !important; }