/* IWS brand skin for the Complianz consent banner and its blocked-content
   placeholders. Tokens from IWS_DESIGN.md v1.2.

   Two rules drive the choices here:

   1. Section 3.4: gradients are the default for call-to-action fills, solid
      fills are not used. Complianz's own colour pickers only take flat colours,
      so the flat Royal Blue is set on the CSS custom property (which is what
      Complianz paints as background-color) and the gradient is layered over it
      as background-image. If this file ever fails to load, the button falls
      back to flat Royal Blue rather than to Complianz's default #3B29FF.

   2. Accept and Deny keep the SAME size, weight, font and radius. Consent must
      be as easy to refuse as it is to give, so the two differ only in fill
      treatment, never in prominence. Do not "improve" this by shrinking Deny.

   Selectors are prefixed with the container id so they out-specify Complianz's
   generated banner-1-optin.css without needing !important. */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	--cmplz_button_accept_background_color: #0A1776;
	--cmplz_button_accept_text_color: #ffffff;
	font-family: var(--iws-font-body);
	color: #1C1917;
	border-radius: 12px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title {
	font-family: var(--iws-font-display);
	color: #0A1776;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	font-family: var(--iws-font-display);
	font-weight: 600;
	border-radius: 8px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background-image: linear-gradient(135deg, #0A1776 0%, #0067E0 100%);
	color: #ffffff;
	border: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
	background: #ffffff;
	background-image: none;
	color: #0A1776;
	border: 1.5px solid #0A1776;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner a,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link {
	color: #0067E0;
}

/* The blocked-content placeholder. With consent_per_service off, this notice IS
   the accept control, so it is styled as a button rather than as a grey slab. */
.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-blocked-content-container button.cmplz-blocked-content-notice {
	background-color: #0A1776;
	background-image: linear-gradient(135deg, #0A1776 0%, #0067E0 100%);
	color: #ffffff;
	font-family: var(--iws-font-display);
	font-weight: 600;
	border: none;
	border-radius: 8px;
	padding: 14px 22px;
	cursor: pointer;
}