/* =================================================================
   File:    inc/elementor/widgets/features-grid/style.css
   ================================================================= */

.liqui-features { padding-block: var(--space-5); }
.liqui-features__grid {
	display: grid;
	gap: var(--space-4);
	grid-template-columns: repeat(var(--cols-d, 4), minmax(0, 1fr));
}
@media (max-width: 1024px) { .liqui-features__grid { grid-template-columns: repeat(var(--cols-t, 2), minmax(0, 1fr)); } }
@media (max-width: 600px)  { .liqui-features__grid { grid-template-columns: repeat(var(--cols-m, 1), minmax(0, 1fr)); } }

.liqui-feature {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-5);
	text-decoration: none;
	color: inherit;
	transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
a.liqui-feature:hover { transform: translateY(-3px); box-shadow: var(--glass-shadow-lg); }

.liqui-feature__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px; height: 48px;
	color: var(--c-accent);
	margin-bottom: var(--space-2);
	font-size: 24px;
}
.liqui-feature__icon svg, .liqui-feature__icon i { font-size: 22px; width: 24px; height: 24px; }

.liqui-feature__title { margin: 0; font-size: var(--fs-md); font-weight: var(--fw-semi); }
.liqui-feature__text  { margin: 0; }

/* Icon-style variants */
.liqui-features--icon-circle .liqui-feature__icon {
	background: color-mix(in oklab, var(--c-accent) 12%, transparent);
	border-radius: 50%;
}
.liqui-features--icon-square .liqui-feature__icon {
	background: color-mix(in oklab, var(--c-accent) 12%, transparent);
	border-radius: var(--radius);
}
.liqui-features--icon-glass .liqui-feature__icon {
	background: var(--glass-bg-strong);
	border: var(--glass-border);
	border-radius: var(--radius-pill);
	width: 56px;
	-webkit-backdrop-filter: blur(var(--glass-blur-sm));
	backdrop-filter:         blur(var(--glass-blur-sm));
}