/**
 * ArxModal - modal overlay and positioning (replaces jQuery UI dialog)
 * @package Arx_Equalia_Theme
 */
.arx-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100001;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
}
.arx-modal-overlay.arx-modal-overlay-visible {
	opacity: 1;
	visibility: visible;
}
.arx-modal-body-open {
	overflow: hidden;
}
/* Modal content: hidden by default, shown when .arx-modal-open */
.arxsc_lame_questionnaire:not(.arxsc_enquete_embed),
#popup_form_je_veux_etre_rappele {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100002;
	background: #fff;
	border-radius: 15px;
	max-width: 58vw;
	max-height: 90vh;
	overflow: auto;
	box-sizing: border-box;
}
/* Embed version: content only, no popup styling (e.g. inside Divi popup) */
.arxsc_lame_questionnaire.arxsc_enquete_embed {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	max-width: 100%;
	max-height: none;
	z-index: auto;
}
.arxsc_lame_questionnaire.arx-modal-open,
#popup_form_je_veux_etre_rappele.arx-modal-open {
	display: block;
}
.close_popup_questionnaire .arx-icon,
.close_popup_form_je_veux_etre_rappele .arx-icon {
	color: #fff;
}
.close_popup_questionnaire .arx-icon svg,
.close_popup_form_je_veux_etre_rappele .arx-icon svg {
	width: 15px;
	height: 15px;
}
@media (max-width: 767px) {
	.arxsc_lame_questionnaire:not(.arxsc_enquete_embed).arx-modal-open,
	#popup_form_je_veux_etre_rappele.arx-modal-open {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transform: none;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		max-height: none;
		border-radius: 0;
	}
}
/* Inline icon (replaces FontAwesome) */
.arx-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
}
.arx-icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}
.arx-icon-spin {
	animation: arx-icon-spin 0.8s linear infinite;
}
@keyframes arx-icon-spin {
	to { transform: rotate(360deg); }
}