/* Grange @font-face — standalone loader for pages that don't link styles.css.
   Keep in sync with the identical block at the top of styles.css.

   IMPORTANT: The .otf files in /fonts/ have their internal usWeightClass shifted
   +100 (Light reports 500, Medium reports 600, DemiBold 700, Bold 800). We
   deliberately mirror that in the font-weight descriptors below so that url()-
   loaded Grange renders the same way locally-installed Grange does — the site's
   type sizing was calibrated to the shifted rendering, so restoring "correct"
   weights would visually alter every page. Consequence: CSS font-weight numbers
   don't line up with typographic names (CSS weight 700 → grange-demibold,
   CSS weight 800 → grange-bold). If we ever want to normalise this, we'd need
   to sweep every font-weight declaration in the codebase in the same commit. */
@font-face {
  font-family: "Grange";
  src: url("/fonts/grange-light.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Grange";
  src: url("/fonts/grange-medium.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Grange";
  src: url("/fonts/grange-demibold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Grange";
  src: url("/fonts/grange-bold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

/* Cookiebot Privacy trigger — global styles for the 3rd-party widget so it
   inherits our brand font across every page. Kept in sync with styles.css. */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}
#CookiebotWidget,
#CookiebotWidget * {
  font-family: "Grange", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
/* Widget dæmpes under scroll (html.fk-scrolling sættes af inline-lytteren i
   hver side) og er solid i ro. */
#CookiebotWidget {
  transition: opacity 260ms ease !important;
}
html.fk-scrolling #CookiebotWidget {
  opacity: 0.35 !important;
}
/* På meld-sag-siderne (html.fk-cb-dim) ligger widget'en oven på Trustpilot-
   boksen — dér er den dæmpet også i ro og bliver først solid ved hover
   eller når dialogen er åben. */
html.fk-cb-dim #CookiebotWidget {
  opacity: 0.35 !important;
}
html.fk-cb-dim #CookiebotWidget:hover,
html.fk-cb-dim #CookiebotWidget:focus-within,
html.fk-cb-dim #CookiebotWidget.CookiebotWidget-open {
  opacity: 1 !important;
}