/* The Complianz cookie banner in the design system's look (CookieConsent design, .dts-consent): our colours, type,
   radius and buttons. Complianz keeps the markup, the consent logic and the texts (set in Complianz > Consent >
   Cookie banner). Doubled class names beat the banner CSS Complianz generates, whatever loads last. */
.cmplz-cookiebanner.cmplz-cookiebanner {
  --cmplz_banner_width: 560px;
  --cmplz_banner_background_color: var(--dtc-surface);
  --cmplz_banner_border_color: var(--dtc-line);
  --cmplz_banner_border_width: 1px;
  --cmplz_banner_border_radius: var(--dtc-radius);
  --cmplz_text_color: var(--dtc-body);
  --cmplz_hyperlink_color: var(--dtc-blue);
  --cmplz_title_font_size: 1rem;
  --cmplz_text_font_size: .9rem;
  --cmplz_link_font_size: .84rem;
  --cmplz_category_body_font_size: .84rem;
  --cmplz_category_header_title_font_size: .92rem;
  --cmplz_category_header_active_font_size: .8rem;
  --cmplz_category_header_always_active_color: var(--dtc-muted);
  --cmplz_button_font_size: .95rem;
  --cmplz_button_border_radius: var(--radius-control);
  --cmplz_button_accept_background_color: var(--dtc-blue);
  --cmplz_button_accept_border_color: var(--dtc-blue);
  --cmplz_button_accept_text_color: #fff;
  --cmplz_button_deny_background_color: var(--dtc-surface);
  --cmplz_button_deny_border_color: var(--dtc-ink);
  --cmplz_button_deny_text_color: var(--dtc-ink);
  --cmplz_button_settings_background_color: var(--dtc-surface);
  --cmplz_button_settings_border_color: var(--dtc-line);
  --cmplz_button_settings_text_color: var(--dtc-ink);
  --cmplz_slider_active_color: var(--dtc-blue);
  --cmplz_slider_inactive_color: var(--dtc-muted);
  font-family: var(--font-sans);
  padding: 18px 20px;
  box-shadow: var(--shadow-float);
  row-gap: 10px;
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-logo,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-divider { display: none; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-title { font-weight: 700; color: var(--dtc-ink); }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message { line-height: 1.55; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close { color: var(--dtc-ink); width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close:hover { background: var(--dtc-soft); }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-category { background: var(--dtc-soft); border-radius: var(--radius-control); }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-category-title { color: var(--dtc-ink); font-weight: 700; }
/* the buttons: as .dts-btn, accept and deny the same size so saying no is as easy as saying yes */
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons { gap: 8px; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 120px; min-height: 44px; height: auto; padding: 10px 16px; font-weight: 700;
  border-width: 1px; border-style: solid; line-height: 1.2; white-space: normal; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #0d4fb0; border-color: #0d4fb0; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { background: var(--dtc-soft); }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn:focus-visible,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close:focus-visible,
.cmplz-cookiebanner.cmplz-cookiebanner a:focus-visible { outline: 2px solid var(--dtc-blue); outline-offset: 2px; }
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-links a { color: var(--dtc-blue); font-weight: 600; }
/* the floating "Manage consent" tab: the footer's Cookie settings link does that job */
#cmplz-manage-consent .cmplz-manage-consent { display: none; }
/* Complianz stacks the buttons in a column on small screens: there a flex basis would become their height */
@media (max-width: 768px) {
  .cmplz-cookiebanner.cmplz-cookiebanner { --cmplz_banner_margin: 16px; padding: 16px; }
  .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 0 0 auto; }
}