/* Іконки монет у калькуляторі: підпис варіанта = іконка(и) + текст.
   Іконок може бути кілька — у варіанта спільного видобутку (LTC + DOGE) своя на кожну монету.
   Монета без іконки просто не додає картинку, рядок лишається валідним. */

.coin-icon {
	width: 20px;
	height: 20px;
	/* cover, а не contain: коло має бути заповнене. Джерело беремо квадратне (див.
	   term_icon_markup), але якщо трапиться некруглий логотип — його підріже по краях,
	   а не сплющить. */
	object-fit: cover;
	border-radius: 50%;
	flex-shrink: 0;
}

.coin-icon + .coin-icon {
	margin-left: -6px; /* пара монет — злегка внахлест, щоб не розтягувати рядок */
}

.coin-title {
	margin-left: 8px;
}

/* усередині списку Choices підпис — рядковий контейнер, тож вирівнюємо по центру */
.choices__item .coin-icon,
.core__select .coin-icon {
	vertical-align: middle;
}

.choices__item .coin-title,
.core__select .coin-title {
	vertical-align: middle;
}

/* Іконки значень у фільтрі каталогу: стоять перед назвою всередині <label>.
   Монети — круглі значки фіксованого розміру; бренди й решта атрибутів — прямокутні
   логотипи довільних пропорцій, тож задаємо лише висоту й межу по ширині. */
.filter .form__checkbox label .coin-icon,
.filter .form__radio label .coin-icon {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	vertical-align: middle;
}

.term-icon {
	height: 18px;
	width: auto;      /* ширина за пропорціями оригіналу — логотип не обрізається */
	max-width: 70px;  /* довгий словесний логотип не розтягує рядок фільтра */
	object-fit: contain;
	vertical-align: middle;
	margin-right: 6px;
	flex-shrink: 0;
}