/*    54. FONT AWESOME ICONS (replaces inline SVG)
   ------------------------------------------- */
.wp-powered-icon i,
.service-icon i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--color-accent);
	transform: none;
}

.wp-powered-icon i {
	width: 56px;
	height: 56px;
	font-size: 2.1rem;
	transition: transform var(--transition-base), filter var(--transition-base);
}

.service-icon i {
	width: 48px;
	height: 48px;
	font-size: 1.9rem;
	transition: filter var(--transition-base), transform var(--transition-base);
	animation: icon-bob 4s ease-in-out infinite;
}

.service-card:nth-child(2n) .service-icon i { animation-delay: 0.7s; }
.service-card:nth-child(3n) .service-icon i { animation-delay: 1.4s; }

/* Hover glow — scale only, no tilt so icons stay straight */
.service-card:hover .service-icon i {
	filter: drop-shadow(0 0 16px rgba(255, 210, 30, 0.45));
}

.wp-powered-card:hover .wp-powered-icon i {
	transform: scale(1.12);
	filter: drop-shadow(0 0 16px rgba(255, 210, 30, 0.4));
}

/* Mobile polish — smaller, perfectly centred icons */
@media (max-width: 768px) {
	.wp-powered-icon i {
		width: 44px;
		height: 44px;
		font-size: 1.7rem;
	}

	.service-icon i {
		width: 40px;
		height: 40px;
		font-size: 1.6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.service-icon i {
		animation: none !important;
	}
}