/* Fast Seven theme for vanilla-cookieconsent: a Pro League panel. Built on the theme tokens in
   site.css, so it follows the page's light/dark switch. */
#cc-main {
  --cc-font-family: "Nunito", system-ui, sans-serif;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-margin: 16px;
  --cc-z-index: 2147483000;

  --cc-bg: var(--panel);
  --cc-primary-color: var(--text);
  --cc-secondary-color: var(--dim);
  --cc-link-color: var(--link);
  --cc-overlay-bg: rgba(4, 8, 26, .72);

  --cc-btn-primary-bg: var(--red);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--ink);
  --cc-btn-primary-hover-bg: #E0303E;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: var(--ink);

  --cc-btn-secondary-bg: var(--blue);
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-border-color: var(--ink);
  --cc-btn-secondary-hover-bg: var(--blue-hover);
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: var(--ink);

  --cc-separator-border-color: var(--rule);
  --cc-footer-bg: var(--panel-2);
  --cc-footer-color: var(--dim);
  --cc-footer-border-color: var(--rule);

  --cc-toggle-on-bg: var(--teal);
  --cc-toggle-off-bg: var(--dim);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-enabled-icon-color: var(--teal);
  --cc-toggle-disabled-icon-color: var(--dim);
  --cc-toggle-readonly-bg: var(--dim);
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--dim);

  --cc-section-category-border: var(--rule);
  --cc-cookie-category-block-bg: var(--panel-2);
  --cc-cookie-category-block-border: var(--rule);
  --cc-cookie-category-block-hover-bg: var(--chip);
  --cc-cookie-category-block-hover-border: var(--rule);
  --cc-cookie-category-expanded-block-bg: var(--panel-2);
  --cc-cookie-category-expanded-block-hover-bg: var(--chip);

  --cc-webkit-scrollbar-bg: var(--edge-lo);
  --cc-webkit-scrollbar-hover-bg: var(--dim);
}

#cc-main .cm,
#cc-main .pm {
  border: 2px solid var(--ink);
  box-shadow: inset 2px 2px 0 var(--edge-hi), inset -2px -2px 0 var(--edge-lo), 6px 6px 0 var(--ink);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Fast Seven Display", system-ui, sans-serif;
  font-weight: 400;
  color: var(--heading);
}

#cc-main .cm__title { font-size: 24px; }

/* The site keeps every tap target at least 48px tall (tools/check-browser.mjs). */
#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 48px;
  border-width: 2px;
  font-weight: 800;
}

#cc-main .cm__footer a,
#cc-main .pm__section-desc a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
}

#cc-main a,
#cc-main .cc__link {
  text-decoration: underline;
  text-underline-offset: 2px;
}