/* VOXOURA POPUP LIBRARY - ISOLATED STYLES */
/* CSS Reset and Isolation for Voxoura Popup */
.voxoura_overlay *,
.voxoura_overlay *::before,
.voxoura_overlay *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure no external styles can affect our popup */
.voxoura_overlay {
    all: initial;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* popup*/

/* زر الإضافة */
.voxoura_add-icon {
	cursor: pointer;
}

/* الأوفرلي */
.voxoura_overlay {
	display: none !important;
	/* مخفي بالبداية */
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;	background: rgba(0, 0, 0, 0.4) !important;
	justify-content: center !important;
	align-items: center !important;
	z-index: 2147483647 !important;
	/* Maximum possible z-index value to ensure it's always on top */
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: #333 !important;
	text-align: left !important;
	direction: ltr !important;
	pointer-events: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	filter: none !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	right: 0 !important;
	bottom: 0 !important;
}

/* محتوى البوب أب */
.voxoura_overlay .voxoura_popup {
	width: 90% !important;
	max-width: 400px !important;
	min-width: 300px !important;
	background: #fff !important;
	padding: 24px !important;
	border-radius: 12px !important;
	position: relative !important;	box-sizing: border-box !important;
	max-height: 80vh !important;
	overflow-y: auto !important;
	z-index: 2147483647 !important;
	/* popup content above overlay - maximum z-index */
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	text-align: inherit !important;
	margin: 0 !important;
	border: none !important;
	outline: none !important;
	pointer-events: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	filter: none !important;
	clip: auto !important;
	clip-path: none !important;
}



.voxoura_overlay .voxoura_popup-header {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	margin-bottom: 16px !important;
	color: #333 !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	text-align: left !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.voxoura_overlay #voxoura_popupIcon {
	font-size: 20px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-family: inherit !important;
}

.voxoura_overlay #voxoura_popupTitle {
	flex: 1 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: left !important;
}

.voxoura_overlay .voxoura_popup-buttons {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin-top: 16px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.voxoura_overlay .voxoura_popup button {
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 5px !important;
	cursor: pointer !important;
	font-family: inherit !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	outline: none !important;
	transition: all 0.2s ease !important;
}

.voxoura_overlay .voxoura_popup .voxoura_cancel {
	background: #e0e0e0 !important;
	border-radius: 20px !important;
	padding: 10px 20px !important;
	color: #333 !important;
}

.voxoura_overlay .voxoura_popup .voxoura_add {
	background: #8865E1 !important;
	padding: 10px 40px !important;
	color: white !important;
	border-radius: 20px !important;
}

.voxoura_overlay .voxoura_close-icon {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	cursor: pointer !important;
	font-size: 24px !important;
	color: #999 !important;
	line-height: 1 !important;
	transition: color 0.2s ease !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	font-family: inherit !important;
	text-decoration: none !important;
	outline: none !important;
	z-index: 2147483646 !important;
}

.voxoura_overlay .voxoura_close-icon:hover {
	color: #666 !important;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
	.voxoura_overlay .voxoura_popup {
		width: 95% !important;
		max-width: 350px !important;
		padding: 20px !important;
	}
	
	.voxoura_overlay .voxoura_popup-header {
		font-size: 16px !important;
	}
	
	.voxoura_overlay .voxoura_popup-buttons {
		flex-direction: column !important;
		gap: 8px !important;
	}
	
	.voxoura_overlay .voxoura_popup button {
		width: 100% !important;
		padding: 12px !important;
	}
}

@media screen and (max-width: 480px) {
	.voxoura_overlay .voxoura_popup {
		width: 90% !important;
		max-width: 320px !important;
		padding: 16px !important;
	}
	
	.voxoura_overlay .voxoura_close-icon {
		top: 12px !important;
		right: 12px !important;
		font-size: 20px !important;
	}
}


/*
otp popup
*/

.voxoura_overlay .voxoura_otp-inputs {
	display: flex !important;
	justify-content: center !important;
	gap: 20px !important;
	margin: 20px 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.voxoura_overlay .voxoura_otp-box {
	width: 100px !important;
	height: 170px !important;
	text-align: center !important;
	font-size: 24px !important;
	border: 2px solid #ccc !important;
	border-radius: 8px !important;
	outline: none !important;
	transition: border 0.2s !important;
	font-family: inherit !important;
	color: #333 !important;
	background: #fff !important;
	padding: 10px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.voxoura_overlay .voxoura_otp-box:focus {
	border-color: #8865E1 !important;
}

/* ✅ نص الوصف فوق البوكس */
.voxoura_overlay .voxoura_otp-description {
	text-align: center !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: #333 !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

/* ✅ نص إعادة الإرسال */
.voxoura_overlay .voxoura_resend-text {
	text-align: center !important;
	font-size: 15px !important;
	margin-top: 10px !important;
	color: #333 !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.voxoura_overlay .voxoura_resend-link {
	color: red !important;
	cursor: pointer !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	font-family: inherit !important;
	font-size: inherit !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}



/*
AVATAR POPUP
*/
.voxoura_overlay .voxoura_avatar-selection {
	display: flex !important;
	gap: 15px !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	margin: 20px 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.voxoura_overlay .voxoura_avatar-option {
	width: 100px !important;
	height: 100px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	border: 2px solid transparent !important;
	transition: border-color 0.3s !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.voxoura_overlay .voxoura_avatar-option.voxoura_selected {
	border-color: #8865E1 !important;
}



/* Overlay for alerts/errors/success messages */
#otpInvalidOverlay,
#otpSuccessOverlay,
#otpShortOverlay,
#emailMismatchOverlay {
	z-index: 2003;
	/* 🟢 make sure it's on top of the OTP popup */
}








.voxoura_overlay .voxoura_btn-save {
	height: 38px !important;
	padding: 0 43px !important;
	border-radius: 30px !important;
	background: linear-gradient(135deg, #8865E1, #6A4BD6) !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	border: none !important;
	cursor: pointer !important;
	transition: background 0.3s ease, transform 0.2s ease !important;
	box-shadow: 0 4px 10px rgba(136, 101, 225, 0.25) !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	outline: none !important;
}

.voxoura_overlay .voxoura_btn-save:hover {
	background: linear-gradient(135deg, #7554d1, #583bbd) !important;
	transform: translateY(-2px) !important;
}

/* Remove the old sidebar styles that don't belong to popup */
/* These styles are removed to prevent conflicts */

/* END OF VOXOURA POPUP LIBRARY STYLES */

/* Prevent any external styling from affecting our popup */
.voxoura_overlay,
.voxoura_overlay * {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Ensure popup stays on top of everything */
.voxoura_overlay {
    isolation: isolate !important;
}

/* MAXIMUM VISIBILITY OVERRIDES */
/* These rules ensure the popup shows over any content, including other modals/popups */
.voxoura_overlay {
    /* Force display when shown */
    position: fixed !important;
    inset: 0 !important; /* Modern way to set top, right, bottom, left to 0 */
}

.voxoura_overlay[style*="flex"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Override common framework z-index values */
.voxoura_overlay {
    /* Bootstrap modal: 1050, Tailwind modal: 50, Material-UI modal: 1300 */
    /* We use maximum safe integer value */
    z-index: 2147483647 !important;
}

/* Ensure popup content is never hidden */
.voxoura_overlay .voxoura_popup {
    position: relative !important;
    z-index: 2147483647 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force styles that could be overridden by CSS frameworks */
.voxoura_overlay,
.voxoura_overlay *,
.voxoura_overlay *::before,
.voxoura_overlay *::after {
    /* Prevent any transforms that could hide the popup */
    transform: none !important;
    /* Prevent any filters that could hide the popup */
    filter: none !important;
    /* Prevent any clipping that could hide the popup */
    clip: auto !important;
    clip-path: none !important;
    /* Ensure visibility */
    visibility: visible !important;
    /* Ensure no overflow hidden on parents */
    overflow: visible !important;
    /* Ensure proper stacking context */
    isolation: isolate !important;
}

/* Special rule for when popup is shown */
.voxoura_overlay[style*="display: flex"],
.voxoura_overlay[style*="display:flex"] {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483647 !important;
}

/* END OF VOXOURA POPUP LIBRARY STYLES */