/*
 * Public page styling, injected via Settings > Appearance > Public > Custom CSS.
 *
 * Deliberately does not hide the logo while waiting for the JS swap. Hiding it
 * would leave a logo-less page for anyone with JS disabled, which is a worse
 * outcome than a brief swap from the Optimiz Local mark to the client's.
 */

/* Client logos arrive at whatever dimensions the client's site uses. Constrain
   them so a tall or very wide mark does not push the form off the screen.

   The white plate is for transparent PNGs. A dark mark on a dark background is
   invisible, and this page follows the viewer's colour scheme. White on white is
   invisible in light mode, so this costs nothing there. */
.logo img {
  max-height: 64px;
  max-width: 240px;
  width: auto;
  height: auto;
  background-color: #ffffff;
  padding: 8px;
  border-radius: 6px;
  box-sizing: border-box;
}

/* The injected mailing list name. Enough emphasis that a recipient can tell
   which list they are leaving, without shouting.

   Weight only, no colour. listmonk's public stylesheet has no
   prefers-color-scheme rules at all: the page is always light, body is #111.
   An earlier version here set a light colour under a dark-scheme media query,
   which painted the name near-white on a permanently white card and made it
   unreadable for anyone whose OS is in dark mode. Inheriting means the name
   can never diverge from the sentence around it.

   No white-space: nowrap either. The page goes down to 320px, and a long
   client list name on one unbreakable line pushes the layout sideways. */
.ol-list-name {
  font-weight: 700;
}