/* DI Akademija — ikonos. Loaded on public pages.
 * The icons are pixel art on a 17-unit grid: keep sizes at multiples of 17 px (51 px = 3 px per pixel) so every pixel stays crisp. */

/* Safety cards: brand icon replaces the small Font Awesome glyph and its white tile */
.elementor-widget-icon .elementor-icon.dia-brand-icon {
	width: 51px;
	height: 51px;
	margin: 0;
	padding: 0 !important;
	background: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 51px !important;
	line-height: 0;
}
.elementor-widget-icon .elementor-icon.dia-brand-icon svg {
	width: 51px !important;
	height: 51px !important;
	fill: initial !important;
	image-rendering: pixelated;
}

/* Service cards and the NGO block: icon added next to the heading */
.dia-svc-icon {
	display: block;
	width: 51px;
	height: 51px;
	line-height: 0;
}
.dia-svc-icon svg {
	width: 100%;
	height: 100%;
}
.dia-has-svc-icon {
	position: relative;
}
/* In the price cards the icon sits in the top-right corner, above the kicker row */
.dia-has-svc-icon.dia-svc-corner .dia-svc-icon {
	position: absolute;
	top: -56px;
	right: 0;
	width: 51px;
	height: 51px;
}
.dia-has-svc-icon.dia-svc-block .dia-svc-icon {
	margin: 0 0 14px;
}

/* Format cards (/gyvos-dirbtuves/): icon on top, divider and ember checks like the homepage safety cards */
.dia-card-icon {
	margin: 0 0 18px;
	line-height: 0;
}
.dia-card-icon .elementor-icon-wrapper {
	text-align: start;
}
.elementor-widget-icon-list.dia-card-list {
	border-top: 1px solid #d9dde6;
	padding-top: 18px;
	margin-top: 18px !important;
}
.dia-card-list .elementor-icon-list-icon i {
	color: #d55a2f !important;
}
.dia-card-list .elementor-icon-list-icon svg {
	fill: #d55a2f !important;
}

@media (prefers-reduced-motion: reduce) {
	.dia-brand-icon *,
	.dia-svc-icon *,
	.dia-card-icon * {
		animation: none !important;
	}
}
