/**
 * Structural styles for Index.pe inline Lucide icons.
 *
 * This file is intentionally global and very small. It exists so the same
 * inline SVG renders consistently on the public site and inside Elementor's
 * editor/preview iframe. Visual choices such as the actual size, color and
 * stroke width can still be controlled by Elementor or project CSS.
 */
.idx-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	color: currentColor;
	font-size: 28px;
	line-height: 1;
	vertical-align: middle;
}

.idx-icon > svg,
.elementor-widget-indexpe-icon .idx-icon > svg {
	display: block;
	flex: 0 0 auto;
	width: 1em !important;
	height: 1em !important;
	min-width: 1em;
	max-width: none !important;
	max-height: none !important;
	overflow: visible;
}

.idx-icon--missing {
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 1.4;
}