/* Funen Events theme.
 * Served at /media/theme/custom.css and loaded via the html_hooks entry in
 * config/config.exs. Edits are live on the next page load (Plug.Static sends an
 * ETag and no max-age, so browsers revalidate on every request).
 *
 * Colours: --custom-primary / --custom-secondary are set by the frontend from
 * Admin -> Settings -> primary/secondary colour, so prefer those over hex.
 * Fonts in ./fonts are OFL-licensed (licence files alongside), served from
 * /media/theme/fonts/ which the CSP allows (font-src 'self').
 */

@font-face {
  font-family: "Wordmark";
  src: url(/media/theme/fonts/nunito-latin-900-normal.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Navbar wordmark: replace the Mobilizon logo SVG with our own text, set in a
 * heavy rounded face to echo the original logo. The home link is the only nav
 * anchor with href="/"; the logo component renders an <svg> (or an <img> if an
 * instance logo is uploaded in admin). */
nav a[href="/"] svg,
nav a[href="/"] img {
  display: none !important;
}

nav a[href="/"]::before {
  content: "Events on Fyn";
  font-family: "Wordmark", "Nunito", system-ui, sans-serif;
  font-weight: 900;
  font-size: 2.15rem;
  line-height: 3rem;
  letter-spacing: -0.02em;
  color: #111;
  white-space: nowrap;
}

html.dark nav a[href="/"]::before {
  color: #fff;
}