/* ==========================================================================
   Ikonos — inline SVG (inc/icons.php)
   Spalva visada per `currentColor`, tad ikona paveldi teksto spalvą.
   ========================================================================== */

.at-icon {
	display: inline-block;
	vertical-align: middle;
	flex: none;
	color: inherit;
	transition: color 250ms var(--ease);
}

/* Ikona kvadratiniame rėmelyje — kortelių ir paslaugų sąrašams. */
.at-icon--box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 0;
	background: none;
	color: var(--moss-500);
	border-radius: 0;
	transition: color 250ms var(--ease), border-color 250ms var(--ease), background-color 250ms var(--ease);
}

/* Rėmelis su ikona viduje: <span class="at-icon--box"><svg class="at-icon">. */
.at-icon--box .at-icon {
	color: inherit;
}

/* Hover valdomas per tėvinę kortelę — ne per pačią ikoną. */
.card:hover .at-icon--box,
.card:focus-within .at-icon--box,
.at-cards__item:hover .at-icon--box,
.at-cards__item:focus-within .at-icon--box,
a:hover .at-icon--box,
a:focus-visible .at-icon--box {
	color: var(--copper);
}

/* Ikona apskritime ant šviesaus akmens fono. */
.at-icon--circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--stone-100);
	color: var(--moss-500);
	transition: color 250ms var(--ease), background-color 250ms var(--ease);
}

.at-icon--circle .at-icon {
	color: inherit;
}

.card:hover .at-icon--circle,
.card:focus-within .at-icon--circle,
.at-cards__item:hover .at-icon--circle,
.at-cards__item:focus-within .at-icon--circle,
a:hover .at-icon--circle,
a:focus-visible .at-icon--circle {
	color: var(--copper);
}

/* Ikona ant tamsaus fono (.section--dark, poraštė). */
.at-icon--dark,
.at-icon--dark .at-icon {
	color: var(--sand-300);
}

.at-icon--dark.at-icon--box { background: none; }

.at-icon--dark.at-icon--circle {
	background: rgba(255, 255, 255, .08);
}

.section--dark .card:hover .at-icon--dark,
.section--dark a:hover .at-icon--dark,
.section--dark a:focus-visible .at-icon--dark {
	color: var(--copper);
}

.section--dark .card:hover .at-icon--dark.at-icon--box,
.section--dark a:hover .at-icon--dark.at-icon--box,
.section--dark a:focus-visible .at-icon--dark.at-icon--box {
	border-color: var(--copper);
}

/* Ikona greta teksto — vienoda eilutė. */
.at-icon--inline {
	margin-right: .5em;
	color: var(--moss-500);
}

@media (prefers-reduced-motion: reduce) {

	.at-icon,
	.at-icon--box,
	.at-icon--circle {
		transition: none;
	}
}