/* Scoped premium presentation for the 100 Énigmes bonus and its preview. */
body:is(.mc-en-bonus-preview,.mc-en-bonus-official) {
	background: #0b1c2b;
	color: #f8f0dc;
}

body.mc-en-bonus-preview .mc-en-bonus-preview-main,
body.mc-en-bonus-preview .mc-en-bonus-preview-main > .wp-block-post-content,
body.mc-en-bonus-official .mc-en-bonus-official-main,
body.mc-en-bonus-official .mc-en-bonus-official-main > .wp-block-post-content {
	background: #0b1c2b;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-bonus-panels {
	width: min(calc(100% - 64px), 1320px);
	max-width: 1320px;
	padding: 20px 0 8px;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-panel {
	margin: 0 0 clamp(14px, 1.6vw, 22px);
	background: #10273a;
	outline: 1px solid rgb(197 162 107 / 36%);
	outline-offset: -1px;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-panel picture,
body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-panel img {
	display: block;
	width: 100%;
	height: auto;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-brevo-reserved {
	display: none;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-return {
	background: #0b1c2b;
}

body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-return img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}

@media (max-width: 800px) {
	body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-bonus-panels {
		width: 100%;
		padding: 10px 8px 4px;
	}

	body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-panel {
		margin-bottom: 12px;
	}

	body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-return img {
		height: auto;
		aspect-ratio: auto;
		object-fit: contain;
	}
}


/* Signup callout only on the official bonus page. */
/* The signup form lives in the blank parchment of the invitation artwork. */
body.mc-en-bonus-official .mc-en-panel-invitation {
	position: relative;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-en-brevo-reserved {
	display: block;
	position: absolute;
	left: 29.5%;
	top: 56%;
	width: 59%;
	height: 31%;
	margin: 0;
	padding: 8px 18px;
	border: 0;
	background: transparent;
	color: #142b54;
	text-align: center;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	color: #142b54;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup #sib-container,
body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .sib-form,
body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .sib-form-container {
	background: transparent !important;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup #sib-container {
	max-width: 540px !important;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .sib-input.sib-form-block,
body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .sib-optin.sib-form-block {
	margin-bottom: 9px;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__field {
	min-height: 44px;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup #sib-container input#EMAIL {
	min-height: 42px;
	padding: 9px 12px;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__choice label {
	gap: 8px;
	font-size: 13px;
	line-height: 1.35;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__choice input#OPT_IN {
	width: 18px;
	height: 18px;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__specification {
	margin-top: 3px;
	font-size: 11px;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup button.sib-form-block__button {
	display: flex;
	width: max-content;
	margin: 0 auto;
	min-height: 42px;
	padding: 9px 20px;
	border-color: #a9823c;
	background: #102a43;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .mc-brevo-signup__submit-wrap {
	display: flex;
	width: 100%;
	justify-content: center;
}

@media (max-width: 800px) and (min-width: 501px) {
	body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-bonus-panels {
		width: 100%;
		padding: 10px 8px 4px;
	}

	body.mc-en-bonus-official .mc-en-panel-invitation .mc-en-brevo-reserved {
		left: 12%;
		top: 55%;
		width: 76%;
		height: 33%;
		padding: 8px 18px;
	}
}

@media (max-width: 500px) {
	body:is(.mc-en-bonus-preview,.mc-en-bonus-official) .mc-en-bonus-panels {
		width: 100%;
		padding: 10px 8px 4px;
	}

	body.mc-en-bonus-official .mc-en-panel-invitation .mc-en-brevo-reserved {
		position: relative;
		inset: auto;
		width: calc(100% - 20px);
		height: auto;
		margin: 0 auto 8px;
		padding: 16px 14px 18px;
		border: 1px solid #c5a26b;
		background: #f7edcf;
	}

	body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__choice label {
		font-size: 13px;
	}

	body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup .entry__specification {
		font-size: 11px;
	}

	body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup button.sib-form-block__button {
		width: 100%;
		max-width: 360px;
	}
}

/* MC-BONUS100-FORM-FLOW-20261019 */
body.mc-en-bonus-official .mc-en-panel-invitation .mc-en-brevo-reserved {
	position: static;
	inset: auto;
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: clamp(18px, 2.5vw, 30px);
	border: 1px solid #c5a26b;
	border-radius: 0 0 6px 6px;
	background: #f7edcf;
	color: #142b54;
	overflow: visible;
	text-align: center;
}

body.mc-en-bonus-official .mc-en-panel-invitation .mc-brevo-signup {
	box-sizing: border-box;
	width: min(100%, 720px);
	max-width: 720px;
	margin: 0 auto;
}