.leon-chartjs-wrap,
.leon-chartjs-wrap * {
	box-sizing: border-box;
}

.leon-chartjs-wrap {
	position: relative;
	width: 100%;
	height: 420px;
	overflow: hidden;
}

.leon-chartjs-canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 767px) {
	.leon-chartjs-wrap {
		min-height: 300px;
	}
}



.elementor-element .icon .leon-growth-chart-widget-icon::before,
.elementor-element .icon .eicon-skill-bar::before {
	content: "\e848" !important;
}


.leon-chartjs-wrap[data-leon-chart-status="render-error"],
.leon-chartjs-wrap[data-leon-chart-status="chartjs-missing"],
.leon-chartjs-wrap[data-leon-chart-status="invalid-config"] {
	outline: 1px dashed rgba(180, 60, 60, 0.35);
}


/* Elementor panel icon fallback */
.elementor-element .icon .eicon-skill-bar::before,
.elementor-panel .elementor-element .eicon-skill-bar::before {
	content: "\e848";
	font-family: eicons;
	font-style: normal;
	font-weight: normal;
}


/* Prevent theme and animation styles from hiding the actual chart canvas. */
.leon-chartjs-wrap {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	min-width: 0;
	isolation: isolate;
}

.leon-chartjs-wrap .leon-chartjs-canvas {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	z-index: 1;
	max-width: 100% !important;
}


/* Stable chart sizing: prevent canvas-driven height feedback loops. */
.leon-chartjs-wrap {
	contain: layout paint;
}

.leon-chartjs-wrap .leon-chartjs-canvas {
	min-height: 0 !important;
	max-height: 100% !important;
}