/*
 * L’Orangerie — the Complianz consent banner, in the brand.
 *
 * Colours, border, radii and sizes are Complianz settings (tools/integrations/complianz.php),
 * so its admin preview matches. This sheet carries what Complianz can't set: the type, the
 * buttons' hover (like .lo-btn: the pill fills with sable), the category rows on the dark
 * ground and the focus ring. Complianz's sheet loads after this one, so every rule here starts
 * with html: one more step of specificity than the Complianz rule it overrides.
 * Bricks sets html { font-size: 62.5% }: 1rem = 10px.
 */

html .cmplz-cookiebanner,
html #cmplz-manage-consent .cmplz-manage-consent {
	--cmplz_category_header_always_active_color: #EBC495;
	font-family: var(--lo-police-texte, "DM Sans", system-ui, sans-serif);
	font-weight: 300;
	font-variation-settings: "opsz" 14;
	-webkit-font-smoothing: antialiased;
}

html .cmplz-cookiebanner {
	--cmplz_title_font_size: 2rem;
	--cmplz_text_line_height: 1.45;
	padding: 2rem 2.4rem;
}

html .cmplz-cookiebanner .cmplz-header .cmplz-title {
	font-family: var(--lo-police-titre, "Charlottenburg", Georgia, serif);
	font-weight: 400;
	letter-spacing: 0;
}

html .cmplz-cookiebanner .cmplz-divider {
	margin-left: -2.4rem;
	margin-right: -2.4rem;
}

/* Category rows: a sable veil instead of Complianz's light grey. */
html .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background-color: rgba(235, 196, 149, .07);
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	font-weight: 400;
}

/* The three buttons look alike (refusing is as easy as accepting) and fill on hover. */
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:is(.cmplz-accept, .cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences) {
	min-height: 4.2rem;
	font-family: inherit;
	font-weight: 300;
	transition: background-color .5s cubic-bezier(.16, 1, .3, 1), color .5s cubic-bezier(.16, 1, .3, 1);
}

html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:is(.cmplz-accept, .cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences):is(:hover, :focus-visible) {
	background-color: #EBC495;
	color: #2C0A08;
}

html .cmplz-cookiebanner .cmplz-links .cmplz-link,
html .cmplz-cookiebanner .cmplz-message a {
	text-underline-offset: .2em;
	text-decoration-thickness: from-font;
}

html .cmplz-cookiebanner :focus-visible,
html #cmplz-manage-consent .cmplz-manage-consent:focus-visible {
	outline: 1px solid #EBC495;
	outline-offset: 3px;
}

html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label::before {
	box-shadow: 0 0 0 2px #EBC495;
}

html #cmplz-manage-consent .cmplz-manage-consent {
	font-size: 1.4rem;
}