/**
 * Pop-in newsletter — overlay + animation.
 * Réutilise les classes .r100f-footer__nl-* du préfooter Figma.
 */

/* ——— Overlay ——— */
.r100f-popin {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
}

.r100f-popin.r100f-popin--visible {
	opacity: 1;
	pointer-events: auto;
}

.r100f-popin__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(255, 232, 173, 0.85);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

/* ——— Conteneur ——— */
.r100f-popin__shell {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1040px;
	max-height: 90dvh;
	overflow-y: auto;
	overscroll-behavior: contain;
	border-radius: 28px;
	transform: translateY(24px) scale(0.97);
	transition: transform 0.35s cubic-bezier(0.34, 1.3, 0.64, 1);
}

.r100f-popin--visible .r100f-popin__shell {
	transform: translateY(0) scale(1);
}

/* ——— Fond + pattern ——— */
.r100f-popin__inner {
	position: relative;
	background: #fff;
	border-radius: 28px;
	overflow: hidden;
	padding: 24px;
	box-sizing: border-box;
}

.r100f-popin__pattern {
	border-radius: 0;
}

/* ——— Carte newsletter ——— */
.r100f-popin__card {
	background: transparent;
	box-shadow: none;
	padding: 24px;
}

.r100f-popin__card .r100f-footer__nl-card-border {
	display: none;
}

/* ——— Bouton fermeture ——— */
.r100f-popin__close {
	position: absolute;
	top: 25px;
	right: 35px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #353535;
	cursor: pointer;
	transition: transform 0.2s ease;
	box-shadow: none;
}

.r100f-popin__close:hover,
.r100f-popin__close:focus-visible {
	transform: rotate(90deg);
	outline: 2px solid #9fcc00;
	outline-offset: 2px;
}

/* ——— Champ email ——— */
.r100f-popin .r100f-footer__nl-field {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}

.r100f-popin .r100f-footer__nl-form--mj {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	min-height: 51px;
	padding: 4px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}

.r100f-popin .r100f-footer__nl-form--mj iframe {
	display: block;
	border-radius: 20px;
}

/* ——— Bouton S'inscrire : curseur pointer dans la pop-in ——— */
.r100f-popin__submit {
	cursor: pointer;
}

/* ——— Messages feedback AJAX ——— */
.r100f-popin__feedback {
	margin: 10px 0 0;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 8px;
	padding: 8px 12px;
	text-align: center;
}

.r100f-popin__feedback--success {
	background: rgba(159, 204, 0, 0.18);
	color: #3a5200;
}

.r100f-popin__feedback--error {
	background: rgba(220, 53, 53, 0.1);
	color: #9b1c1c;
}

/* ——— Responsive ——— */
@media (max-width: 640px) {
	.r100f-popin__inner {
		padding: 48px 16px 32px;
	}

	.r100f-popin__close {
		top: 10px;
		right: 10px;
	}

	.r100f-popin__card {
		background: transparent;
		box-shadow: none;
		padding: 0;
	}
}