/* The Complianz consent banner and its "Manage consent" tab, in the shop's
   design and close to www.torpmotors.com's own banner: a dark card, readable
   text, a red accept button and outlined secondary buttons. Complianz builds
   its colours from these variables (set in its banner settings); this swaps
   them, and lifts its 8px text to a readable size. */
body.torp-design .cmplz-cookiebanner {
  --cmplz_banner_background_color: rgba(16, 17, 19, .97);
  --cmplz_banner_border_color: #3a3d44;
  --cmplz_banner_border_width: 1px;
  --cmplz_banner_border_radius: 12px;
  --cmplz_title_font_size: 16px;
  --cmplz_text_color: #a7acb4;
  --cmplz_hyperlink_color: #ff8e84;
  --cmplz_text_font_size: 13px;
  --cmplz_link_font_size: 12px;
  --cmplz_category_body_font_size: 13px;
  --cmplz_button_accept_background_color: #e01500;
  --cmplz_button_accept_border_color: #e01500;
  --cmplz_button_accept_text_color: #ffffff;
  --cmplz_button_deny_background_color: transparent;
  --cmplz_button_deny_border_color: #4a4e57;
  --cmplz_button_deny_text_color: #f3f4f6;
  --cmplz_button_settings_background_color: transparent;
  --cmplz_button_settings_border_color: #4a4e57;
  --cmplz_button_settings_text_color: #f3f4f6;
  --cmplz_button_border_radius: 999px;
  --cmplz_button_font_size: 14px;
  --cmplz_category_header_always_active_color: #8fd8a6;
  --cmplz_category_header_title_font_size: 14px;
  --cmplz_category_header_active_font_size: 12px;
  --cmplz_slider_active_color: #e01500;
  --cmplz_slider_inactive_color: #4a4e57;
  --cmplz_slider_bullet_color: #ffffff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.torp-design .cmplz-cookiebanner .cmplz-title { color: #f3f4f6; font-weight: 800; }
body.torp-design .cmplz-cookiebanner .cmplz-close { color: #a7acb4; }
body.torp-design .cmplz-cookiebanner .cmplz-close:hover { color: #f3f4f6; }
body.torp-design .cmplz-cookiebanner .cmplz-close svg path { fill: currentColor; }
body.torp-design .cmplz-cookiebanner .cmplz-divider { border-color: #2a2c31; }
body.torp-design .cmplz-cookiebanner .cmplz-message, body.torp-design .cmplz-cookiebanner .cmplz-message p { color: #a7acb4; line-height: 1.55; }

/* Preference categories. */
body.torp-design .cmplz-cookiebanner .cmplz-categories .cmplz-category { border: 1px solid #343840; border-radius: 8px; background: #1d1e22 !important; }
body.torp-design .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { background: transparent !important; }
body.torp-design .cmplz-cookiebanner .cmplz-category-title { color: #f3f4f6 !important; font-weight: 700; }
body.torp-design .cmplz-cookiebanner .cmplz-category-toggle { color: #a7acb4; }
body.torp-design .cmplz-cookiebanner .cmplz-category-toggle svg path { fill: currentColor; }
body.torp-design .cmplz-cookiebanner .cmplz-description { color: #a7acb4 !important; }

/* Buttons. */
body.torp-design .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 44px; font-weight: 700; text-transform: none; letter-spacing: 0; transition: background-color .15s, border-color .15s; }
body.torp-design .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover { background: #bc1604; border-color: #bc1604; }
body.torp-design .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:not(.cmplz-accept):hover { border-color: #a7acb4; background: #1d1e22; }
body.torp-design .cmplz-cookiebanner .cmplz-btn:focus-visible, body.torp-design .cmplz-cookiebanner a:focus-visible { outline: 2px solid #ff4a3b; outline-offset: 3px; }
body.torp-design .cmplz-cookiebanner .cmplz-links a, body.torp-design .cmplz-cookiebanner .cmplz-documents a { color: #ff8e84; }

/* The "Manage consent" tab that reopens the banner. */
body.torp-design #cmplz-manage-consent .cmplz-manage-consent { border: 1px solid #3a3d44; background: #161719; color: #f3f4f6; box-shadow: 0 8px 24px rgba(0, 0, 0, .45); }
body.torp-design #cmplz-manage-consent .cmplz-manage-consent:hover { border-color: #5b5f69; }
