/*
 * Pop up promotionnelle (SOLEWPSS002-24).
 */
html.solea-promo-popup-open {
	overflow: hidden;
}

.solea-promo-popup {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	padding: 24px;
	overflow-y: auto;
	background: rgb(20 10 35 / 0.75);
}

.solea-promo-popup[hidden] {
	display: none;
}

.solea-promo-popup__panel {
	position: relative;
	width: 100%;
	max-width: min(70vw, 650px);
	margin: auto;
	padding: 20px 40px 40px;
	border-radius: 24px;
	background: linear-gradient(135deg, rgb(30, 16, 56) 0%, rgb(23, 11, 46) 100%);
	color: var(--wp--preset--color--base, #ffffff);
	box-shadow: 0 32px 64px -24px rgba(18, 11, 34, 0.6);
}

.solea-promo-popup__close {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: var(--wp--preset--color--base, #ffffff);
	cursor: pointer;
}

.solea-promo-popup__close:hover,
.solea-promo-popup__close:focus-visible {
	background: rgba(255, 255, 255, 0.2);
}

.solea-promo-popup__chip {
	display: inline-flex;
	align-items: center;
	height: 36px;
	margin-bottom: 18px;
	padding: 0 14px;
	border-radius: 999px;
	background: #C5A9FF;
	color: black;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.solea-promo-popup__content .popin-title {
	display: block;
	margin: 0 0 12px;
	font-family: var(--wp--preset--font-family--corsa-grotesk, inherit);
	font-weight: 700;
	font-size: 25px;
	line-height: 1.3;
	color: var(--wp--preset--color--base, #ffffff);
}

.solea-promo-popup__content p {
	font-size: 14px;
	color: #B8AFC9;
}

.solea-promo-popup__content .code {
	position: relative;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #6B21A8;
	background: #F1E9FA;
	border-radius: 999px;
	padding: 7px 18px;
	letter-spacing: 1px;
	cursor: pointer;
}

.solea-promo-popup__content .code.code--copied::after {
	content: 'Copié !';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8px;
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--wp--preset--color--brand-canvas, #120b22);
	color: var(--wp--preset--color--base, #ffffff);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: normal;
	white-space: nowrap;
	pointer-events: none;
}

.solea-promo-popup__sr-announce {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.solea-promo-popup__content img {
	display: block;
	width: 100%;
	margin-bottom: 18px;
	border-radius: 14px;
}

.solea-promo-popup__content a {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 999px;
	background: var(--wp--preset--color--base, #ffffff);
	color: var(--wp--preset--color--contrast, #111111);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}

.solea-promo-popup__content a:hover {
	background: var(--wp--preset--color--secondary, #e8ecf1);
}

.solea-promo-popup__content a:focus-visible {
	outline: 3px solid var(--wp--preset--color--brand-accent-light, #c4a9ff);
	outline-offset: 2px;
}

@media (max-width: 480px) {
	.solea-promo-popup__panel {
		padding: 20px 24px 32px;
		border-radius: 20px;
	}
}