/**
 * Conditional Fields for Elementor Pro - Frontend Styles
 *
 * @package ConditionalFieldsElementor
 */

/* Hidden field wrapper */
.elementor-field-group.cfe-hidden {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Smooth transitions for showing/hiding fields */
.elementor-field-group {
	transition: opacity 0.3s ease, height 0.3s ease;
}

/* Ensure hidden fields don't take up space */
.elementor-form .cfe-hidden input,
.elementor-form .cfe-hidden select,
.elementor-form .cfe-hidden textarea {
	display: none !important;
}

/* Loading state */
.elementor-form.cfe-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Conditional field indicator (optional, for debugging) */
/* Uncomment the rule below for debugging conditional fields */
/*
.elementor-field-group[data-cfe-conditional="true"]::before {
	content: "⚡";
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 12px;
	color: #0073aa;
	z-index: 10;
}
*/