/*
 * L’Orangerie — plain WordPress pages: the legal documents Complianz writes (cookie policy,
 * later the privacy policy), in French and English.
 *
 * They have no Bricks layout: Bricks prints their title and content as article#brx-content
 * .wordpress, under the fixed transparent header, on the serre ground. This gives them the
 * header's clearance, a reading measure and the brand's type, and turns Complianz's light
 * panels (cookie lists, consent categories, made for white pages) into veils of sable.
 * Every rule starts with #brx-content: one id above Complianz's #cmplz-document rules.
 * Bricks sets html { font-size: 62.5% }: 1rem = 10px.
 */

#brx-content.wordpress {
	box-sizing: border-box;
	/* A flex item of body: without a width, the auto margins shrink it to its content. */
	width: 100%;
	max-width: 84rem;
	margin-inline: auto;
	padding: 20rem 2.4rem 14rem;
	color: #EBC495;
	font-size: 1.6rem;
	line-height: 1.6;
}

#brx-content.wordpress :where(h1, h2, h3, h4) {
	font-family: var(--lo-police-titre, "Charlottenburg", Georgia, serif);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0;
}

#brx-content.wordpress h1 {
	margin: 0 0 4.8rem;
	font-size: var(--lo-fs-titre, 6rem);
	line-height: 1;
}

#brx-content.wordpress h2 {
	margin: 5.6rem 0 1.6rem;
	font-size: 3rem;
}

#brx-content.wordpress :where(h3, h4) {
	margin: 4rem 0 1.2rem;
	font-size: 2.2rem;
}

#brx-content.wordpress :where(p, ul, ol) {
	margin: 0 0 1.6rem;
}

#brx-content.wordpress :where(ul, ol) {
	padding-left: 2rem;
}

#brx-content.wordpress li + li {
	margin-top: .6rem;
}

#brx-content.wordpress a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: from-font;
	text-underline-offset: .2em;
}

#brx-content #cmplz-document a:focus {
	border: 0;
	padding: 0;
	outline: 1px solid #EBC495;
	outline-offset: 3px;
}

/* Cookie lists (filled in by Complianz's scan). */
#brx-content #cmplz-document .cmplz-dropdown {
	background-color: rgba(235, 196, 149, .04);
}

#brx-content #cmplz-document .cmplz-dropdown summary,
#brx-content #cmplz-document .cmplz-dropdown .cookies-per-purpose :is(.name-header, .retention-header, .function-header) {
	background-color: rgba(235, 196, 149, .08);
}

#brx-content #cmplz-document .cmplz-dropdown summary div::after,
#brx-content .cmplz-manage-consent-container .cmplz-icon {
	filter: invert(84%) sepia(22%) saturate(612%) hue-rotate(338deg);
}

#brx-content #cmplz-document .cmplz-dropdown .cookies-per-purpose {
	border-color: rgba(235, 196, 149, .2);
	background-color: rgba(235, 196, 149, .2);
}

#brx-content #cmplz-document .cmplz-dropdown .cookies-per-purpose div {
	background-color: #2C0A08;
}

/* The consent categories the policy repeats (« Gérer le consentement »). */
#brx-content #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
	background-color: rgba(235, 196, 149, .04);
}

#brx-content #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
	background-color: rgba(235, 196, 149, .08);
}

@media (max-width: 767px) {
	#brx-content.wordpress {
		padding: 14rem 2.4rem 10rem;
	}
}