/* Cookie banner and preferences, in the new brand. Loads after /nn/consent/cookieconsent.css (vanilla-cookieconsent's own stylesheet) and only restyles it: Figtree body, Clash Display headings, primary #536EE5, ink #232323, white cards with #E4E9F5 borders, pill buttons. No transforms on hover. */
#cc-main {
  --cc-font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --cc-z-index: 999999;
  --cc-bg: #ffffff;
  --cc-primary-color: #232323;
  --cc-secondary-color: #4a4f5c;
  --cc-link-color: #536ee5;
  --cc-modal-border-radius: 20px;
  /* the library also rounds category blocks and their expanded panels with this, so it stays card-sized; buttons get their pill below */
  --cc-btn-border-radius: 14px;
  --cc-pm-toggle-border-radius: 999px;
  --cc-modal-margin: 16px;

  --cc-btn-primary-bg: #536ee5;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #536ee5;
  --cc-btn-primary-hover-bg: #1b44c8;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1b44c8;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #232323;
  --cc-btn-secondary-border-color: #e4e9f5;
  --cc-btn-secondary-hover-bg: #f3f5fc;
  --cc-btn-secondary-hover-color: #232323;
  --cc-btn-secondary-hover-border-color: #c9d2ec;

  --cc-separator-border-color: #e4e9f5;
  --cc-toggle-on-bg: #536ee5;
  --cc-toggle-off-bg: #c9d2ec;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #536ee5;
  --cc-toggle-disabled-icon-color: #7d869c;
  --cc-toggle-readonly-bg: #e4e9f5;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #536ee5;
  --cc-section-category-border: #e4e9f5;
  --cc-cookie-category-block-bg: #ffffff;
  --cc-cookie-category-block-border: #e4e9f5;
  --cc-cookie-category-block-hover-bg: #f7f8fd;
  --cc-cookie-category-block-hover-border: #c9d2ec;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #f7f8fd;
  --cc-overlay-bg: rgba(35, 35, 35, 0.55);
  --cc-webkit-scrollbar-bg: #e4e9f5;
  --cc-webkit-scrollbar-hover-bg: #c9d2ec;
  --cc-footer-bg: #f7f8fd;
  --cc-footer-color: #4a4f5c;
  --cc-footer-border-color: #e4e9f5;
  z-index: 999999;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid #e4e9f5;
  box-shadow: 0 24px 60px -24px rgba(35, 35, 35, 0.28), 0 2px 8px rgba(35, 35, 35, 0.06);
  font-family: var(--cc-font-family);
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Clash Display", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  color: #232323;
}

#cc-main .cm__title { font-size: 1.25rem; line-height: 1.2; padding-right: 2rem; }
#cc-main .pm__title { font-size: 1.35rem; }
#cc-main .pm__section-title { font-size: 1rem; }
#cc-main .cm__desc,
#cc-main .pm__section-desc { font-size: 0.925rem; line-height: 1.55; }

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: var(--cc-font-family);
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.8rem 1.4rem;
  border-radius: 999px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#cc-main a,
#cc-main .cc__link { color: #536ee5; font-weight: 600; }
#cc-main a:hover,
#cc-main .cc__link:hover { color: #1b44c8; }

#cc-main .pm__table-th,
#cc-main .pm__table-td { font-size: 0.85rem; }

/* The X that closes the banner and accepts all (live behavior). Color change on hover only. */
#cc-main .cc-close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #7d869c;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
#cc-main .cc-close-btn:hover { color: #232323; background: #f3f5fc; border-color: #e4e9f5; }
#cc-main .cc-close-btn:focus-visible { outline: 2px solid #536ee5; outline-offset: 2px; }