/* Consent dialog (js/consent.js) in the look of the website's dialog (web/hdvs-website:
   src/components/ConsentBanner.astro): dark card, brand yellow as the only accent, "Accept all" and
   "Necessary only" with equal weight side by side, "Settings" as a quieter text link. */
#cc-main {
  --cc-font-family: 'Solomon', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --cc-bg: #141515;
  --cc-primary-color: #f4f4f2;
  --cc-secondary-color: rgba(244, 244, 242, 0.72);
  --cc-link-color: #c8b100;
  --cc-separator-border-color: rgba(255, 255, 255, 0.08);
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 8px;
  --cc-modal-margin: 1.25rem;
  --cc-overlay-bg: rgba(10, 11, 11, 0.62);
  --cc-z-index: 2147483000;

  --cc-btn-primary-bg: #f2f3f1;
  --cc-btn-primary-color: #141515;
  --cc-btn-primary-border-color: #f2f3f1;
  --cc-btn-primary-hover-bg: #c8b100;
  --cc-btn-primary-hover-color: #111212;
  --cc-btn-primary-hover-border-color: #c8b100;
  --cc-btn-secondary-bg: #f2f3f1;
  --cc-btn-secondary-color: #141515;
  --cc-btn-secondary-border-color: #f2f3f1;
  --cc-btn-secondary-hover-bg: #c8b100;
  --cc-btn-secondary-hover-color: #111212;
  --cc-btn-secondary-hover-border-color: #c8b100;

  --cc-toggle-on-bg: #c8b100;
  --cc-toggle-off-bg: #3a3c3b;
  --cc-toggle-on-knob-bg: #141515;
  --cc-toggle-off-knob-bg: #f2f3f1;
  --cc-toggle-enabled-icon-color: #c8b100;
  --cc-toggle-disabled-icon-color: #3a3c3b;
  --cc-toggle-readonly-bg: #2c2e2d;
  --cc-toggle-readonly-knob-bg: #8a8c8a;
  --cc-toggle-readonly-knob-icon-color: #2c2e2d;

  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.04);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.07);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.14);
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.04);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.07);
  --cc-section-category-border: rgba(255, 255, 255, 0.08);
  --cc-footer-bg: rgba(255, 255, 255, 0.03);
  --cc-footer-color: rgba(244, 244, 242, 0.55);
  --cc-footer-border-color: rgba(255, 255, 255, 0.08);
}
#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 28px 64px -16px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.25);
}
#cc-main .cm--box { max-width: 27rem; }
#cc-main .cm__title,
#cc-main .pm__title { font-size: 1.05rem; font-weight: 700; }
#cc-main .cm__desc,
#cc-main .pm__section-desc { font-size: 0.9rem; line-height: 1.55; }
#cc-main .cm__btn,
#cc-main .pm__btn { min-height: 2.75rem; font-size: 0.9rem; font-weight: 700; }
#cc-main .cm__btn[data-role='all'],
#cc-main .cm__btn[data-role='necessary'] { flex: 1 1 0; }
#cc-main .cm__btn[data-role='show'] {
  min-height: 0;
  padding: 0.35rem 0.25rem;
  background: none;
  border-color: transparent;
  color: var(--cc-secondary-color);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#cc-main .cm__btn[data-role='show']:hover { background: none; border-color: transparent; color: var(--cc-primary-color); }
#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main a:focus-visible { outline: 2px solid #c8b100; outline-offset: 2px; }
#cc-main .pm--box { height: auto; }
#cc-main .pm__close-btn { background: transparent; border-color: rgba(255, 255, 255, 0.14); }
#cc-main .pm__close-btn svg,
#cc-main .pm__close-btn:hover svg { stroke: #f4f4f2; }
#cc-main .pm__badge { background: rgba(255, 255, 255, 0.1); color: #f4f4f2; font-weight: 700; }