/* Complianz cookie banner + floating "manage consent" tab — brand alignment.
   Loaded everywhere (the banner can appear on any page).
   Palette + radii come from the banner's own custom properties; typography
   (uppercase/tracking) isn't variable-controlled, so it's added below. The
   overrides carry !important on the property declarations so they beat the
   plugin's OWN generated settings CSS (/uploads/complianz/css/banner-1-*.css)
   no matter the load order. Brand tokens: css/base.css. */

.cmplz-cookiebanner,
#cmplz-manage-consent .cmplz-manage-consent,
.cmplz-manage-consent-container {
  --cmplz_banner_background_color: #fafafa !important;
  /* Top edge only, matching the header/footer hairline (--ck-edge). */
  --cmplz_banner_border_width: 1px 0 0 0 !important;
  --cmplz_banner_border_color: rgba(0, 0, 0, 0.1) !important;
  --cmplz_banner_border_radius: 0 0 0 0 !important; /* square corners */
  --cmplz_text_color: #111 !important;
  --cmplz_hyperlink_color: #000 !important;
  /* All buttons identical: translucent-black fill, white text, no border */
  --cmplz_button_accept_background_color: rgba(0, 0, 0, 0.7) !important;
  --cmplz_button_accept_border_color: transparent !important;
  --cmplz_button_accept_text_color: #fff !important;
  --cmplz_button_deny_background_color: rgba(0, 0, 0, 0.7) !important;
  --cmplz_button_deny_border_color: transparent !important;
  --cmplz_button_deny_text_color: #fff !important;
  --cmplz_button_settings_background_color: rgba(0, 0, 0, 0.7) !important;
  --cmplz_button_settings_border_color: transparent !important;
  --cmplz_button_settings_text_color: #fff !important;
  --cmplz_button_border_radius: 0 0 0 0 !important;
  /* Category toggles → warm ink on, light-gray off */
  --cmplz_slider_active_color: #000 !important;
  --cmplz_slider_inactive_color: #cfcfcf !important;
  --cmplz_slider_bullet_color: #ffffff !important;
  --cmplz_category_header_always_active_color: #111 !important;
}
/* Uppercase, tracked buttons. Force square corners + kill any backdrop blur
   directly on the button (matching the plugin's own 3-class specificity, plus
   !important) so it can't be overridden by the var-driven radius or a stray
   backdrop-filter from elsewhere. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  background-color: rgba(
    0,
    0,
    0,
    0.7
  ) !important; /* force uniform app-button
     colour directly on the element — the admin-set var (solid #000) otherwise
     makes accept read darker/opaque than the translucent buttons elsewhere. */
  color: #fff !important;
  border: none !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
  background-color: var(--ck-btn-hover) !important;
}
/* Uniform hover darken for every banner button. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
  background-color: rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;
}
/* Flat category rows: white surface, no border (borderless like everything). */
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: #fff !important;
  border: none;
  border-radius: 0;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-title {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* Softer, flatter drop shadow than the plugin's heavy double-shadow default. */
.cmplz-cookiebanner.cmplz-show,
#cmplz-manage-consent .cmplz-manage-consent {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}
/* Floating "Manage consent" revoke tab → app button style: translucent black
   with white text (matches every other button). */
#cmplz-manage-consent .cmplz-manage-consent {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}