/* First IT: jednotné ikony a číslované kroky procesů. */
.fit-unified-icon .elementor-icon,
.fit-unified-icon .elementor-icon-box-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #058bd3;
}

.fit-unified-icon .elementor-icon svg,
.fit-unified-icon .elementor-icon img,
.fit-unified-icon .elementor-icon-box-icon svg,
.fit-unified-icon .elementor-icon-box-icon img {
	display: block;
	width: 36px !important;
	height: 36px !important;
	max-width: 36px !important;
	object-fit: contain;
}

/* Elementor standardně přidává SVG ikonám fill: currentColor. U linkových
 * ikon by tím vznikaly slité barevné plochy, proto výplň výslovně vypínáme. */
.fit-unified-icon .elementor-icon svg,
.fit-unified-icon .elementor-icon-box-icon svg,
.fit-unified-icon .elementor-icon svg *,
.fit-unified-icon .elementor-icon-box-icon svg * {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.fit-loxone-icon .elementor-icon,
.fit-loxone-icon .elementor-icon-box-icon .elementor-icon {
	color: #8cff70;
}

.fit-process-step-number {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	border: 5px solid #e8f7fd;
	border-radius: 999px;
	background: #13b5ea;
	box-shadow: 0 5px 14px rgba(5, 139, 211, 0.16);
	flex: 0 0 48px;
}

.fit-process-step-number .elementor-widget-container,
.fit-process-step-number .elementor-heading-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.fit-process-step-number .elementor-heading-title {
	color: #fff !important;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.fit-process-step-number.fit-loxone-step {
	border-color: #ddffd5;
	background: #8cff70;
	box-shadow: 0 5px 14px rgba(140, 255, 112, 0.18);
}

.fit-process-step-number.fit-loxone-step .elementor-heading-title {
	color: #071b31 !important;
}

@media (max-width: 767px) {
	.fit-unified-icon .elementor-icon svg,
	.fit-unified-icon .elementor-icon img,
	.fit-unified-icon .elementor-icon-box-icon svg,
	.fit-unified-icon .elementor-icon-box-icon img {
		width: 34px !important;
		height: 34px !important;
		max-width: 34px !important;
	}
}