/**
 * Complianz consent banner in the MERINEO look: white card, ink text, Sen, pill buttons
 * (accept = ink like buttons on light sections, deny and preferences = outline).
 *
 * Complianz writes its banner settings as custom properties on :root; setting them on the
 * banner elements takes precedence, so the admin colour settings are overridden here.
 */

.cmplz-cookiebanner,
#cmplz-manage-consent {
	--cmplz_banner_width: 480px;
	--cmplz_banner_background_color: var(--wp--preset--color--white);
	--cmplz_banner_border_color: var(--wp--custom--line--on-light);
	--cmplz_banner_border_width: 1px;
	--cmplz_banner_border_radius: var(--wp--custom--radius--base);
	--cmplz_banner_margin: 16px;
	--cmplz_title_font_size: 15px;
	--cmplz_text_color: var(--wp--preset--color--ink);
	--cmplz_hyperlink_color: var(--wp--preset--color--blue-deep);
	--cmplz_text_font_size: 13.5px;
	--cmplz_text_line_height: 1.6;
	--cmplz_link_font_size: 13px;
	--cmplz_category_body_font_size: 13px;
	--cmplz_button_accept_background_color: var(--wp--preset--color--ink);
	--cmplz_button_accept_border_color: var(--wp--preset--color--ink);
	--cmplz_button_accept_text_color: var(--wp--preset--color--white);
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_border_color: rgba(11, 13, 23, 0.28);
	--cmplz_button_deny_text_color: var(--wp--preset--color--ink);
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: rgba(11, 13, 23, 0.28);
	--cmplz_button_settings_text_color: var(--wp--preset--color--ink);
	--cmplz_button_border_radius: var(--wp--custom--radius--pill);
	--cmplz_button_font_size: 14.5px;
	--cmplz_category_header_always_active_color: var(--wp--preset--color--blue-deep);
	--cmplz_category_header_title_font_size: 14px;
	--cmplz_category_header_active_font_size: 12px;
	--cmplz_slider_active_color: var(--wp--preset--color--blue-deep);
	--cmplz_slider_inactive_color: var(--wp--preset--color--slate);
	--cmplz_slider_bullet_color: var(--wp--preset--color--white);

	font-family: var(--wp--preset--font-family--sen);
}

/* Buttons do not inherit the font by default. */
.cmplz-cookiebanner button {
	font-family: inherit;
}

.cmplz-cookiebanner.cmplz-show {
	box-shadow: var(--wp--preset--shadow--overlay);
}

.cmplz-cookiebanner .cmplz-title {
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.cmplz-cookiebanner .cmplz-message {
	color: rgba(11, 13, 23, 0.78);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	min-height: 44px;
	height: auto;
	padding: 10px 18px;
	font-weight: 600;
	line-height: 1.2;
	transition:
		background-color var(--wp--custom--duration--base) var(--wp--custom--easing--standard),
		border-color var(--wp--custom--duration--base) var(--wp--custom--easing--standard),
		color var(--wp--custom--duration--base) var(--wp--custom--easing--standard);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color: var(--wp--preset--color--blue-deep);
	border-color: var(--wp--preset--color--blue-deep);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:is(.cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences):hover {
	background-color: rgba(11, 13, 23, 0.06);
}

.cmplz-cookiebanner .cmplz-btn:focus-visible,
.cmplz-cookiebanner a:focus-visible,
#cmplz-manage-consent .cmplz-manage-consent:focus-visible {
	outline: 2px solid var(--wp--preset--color--blue-deep);
	outline-offset: 2px;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* "Manage consent" tab shown after a choice. */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: var(--wp--preset--font-family--sen);
	font-weight: 600;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--custom--line--on-light);
	border-bottom: 0;
}