/**
 * EK SVG Draw — container + responsive scaling + stroke overrides.
 */

.ekfa-svg-draw {
	--ekfa-svg-max-width: 300px;
	display: block;
	max-width: var(--ekfa-svg-max-width);
	width: 100%;
	margin: 0;
	line-height: 0;
}

.ekfa-svg-draw__inner {
	display: block;
	width: 100%;
}

.ekfa-svg-draw__inner > svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	overflow: visible;
}

.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg [stroke],
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg path,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg line,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg polyline,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg polygon,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg circle,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg rect,
.ekfa-svg-draw[style*="--ekfa-svg-stroke"] .ekfa-svg-draw__inner svg ellipse {
	stroke: var(--ekfa-svg-stroke) !important;
}

.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg [stroke],
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg path,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg line,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg polyline,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg polygon,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg circle,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg rect,
.ekfa-svg-draw[style*="--ekfa-svg-stroke-width"] .ekfa-svg-draw__inner svg ellipse {
	stroke-width: var(--ekfa-svg-stroke-width) !important;
}

.ekfa-svg-draw--error,
.ekfa-svg-draw__warning {
	line-height: 1.4;
	padding: 0.75em 1em;
	margin: 0 0 0.5em;
	border-left: 3px solid #d63638;
	background: #fcf0f1;
	color: #1d2327;
	font-size: 13px;
}

.ekfa-svg-draw__warning {
	border-left-color: #dba617;
	background: #fcf9e8;
}

.ekfa-svg-draw--static .ekfa-svg-draw__inner svg {
	/* Fill-only / no-stroke: show as-is, no dash setup. */
}

.ekfa-svg-draw__drawable.is-filling {
	transition: fill-opacity 0.45s ease;
}