/* ============================================================
   COOKIE BANNER (Complianz)
   cookie-banner.css

   Complianz renders its own markup, so it never inherits the
   design system. These rules bring it in.

   Complianz drives its typography from its own custom
   properties, so sizes are set by overriding those rather than
   by re-declaring its rules. Everything Complianz hardcodes
   (weight, case, tracking, colour on the title) is overridden
   directly.

   Specificity is raised with `body` so this wins regardless of
   whether the theme stylesheet loads before or after the
   generated banner CSS at
   /wp-content/uploads/complianz/css/banner-1-optin.css.
   No !important is used.
   ============================================================ */


/* Type sizes, via Complianz's own variables */

body .cmplz-cookiebanner {
  --cmplz_title_font_size: var(--idunds-root-font-size-base);
  --cmplz_text_font_size:  var(--idunds-root-font-size-s);
}


/* Title.
   Matches the site's own treatment for a small heading, as used
   by .plain-page__body-inner h4 and the section topics: regular
   weight, uppercase, letter-spaced. The site does not separate a
   small heading by size and weight alone, so neither does this. */

body .cmplz-cookiebanner .cmplz-title {
  font-family: var(--idunds-root-font-family-content);
  font-weight: var(--idunds-root-font-weight-regular);
  line-height: var(--idunds-root-line-height-heading);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--idunds-color-typography-section-claim-default);
}