/*
 * Иконки характеристик в каталоге автопарка темы.
 *
 * Зачем это здесь. Тема размечает иконки классами `fi-bd21-*` - это набор Flaticon,
 * которого на сайте НЕТ: ни одного правила `.fi-` ни в бандле темы (231 КБ), ни в 34
 * подключённых стилях. Сам файл шрифта тоже отсутствует, в теме лежит только её
 * собственный `theme-icons` с классами `ip-*`. То есть слот под иконку есть, глифа нет,
 * и слева от каждой характеристики у заказчика пустое место: 22 таких места в каталоге
 * и 23 на странице машины.
 *
 * ⛔ ЭТОТ ФАЙЛ - ЕДИНСТВЕННОЕ МЕСТО, ГДЕ СЕЛЕКТОРЫ НЕ ЗАСКОПЛЕНЫ ПОД `.hp-`.
 * Так и задумано: чинить надо именно страницы ТЕМЫ. Поэтому правила вынесены отдельным
 * файлом, а не подмешаны в `lz-catalog.css`, у которого правило «каждый селектор со
 * скоупом» остаётся без исключений. Тему при этом не патчим: файл подключается из нашего
 * плагина, откат - убрать одну постановку в очередь.
 *
 * Форма иконки задаётся МАСКОЙ, а не фоном: маска красится `currentColor`, то есть
 * иконка наследует цвет темы там, где стоит (в карточке серый, на странице акцентный
 * зелёный). С `background-image` цвет пришлось бы запечь в файл.
 *
 * `fi-bd21-hr` сознательно не трогаем: это не характеристика, а декоративный разделитель,
 * который заказчик поставил виджетом Elementor под заголовком «Nuestra flota».
 *
 * Иконки - Tabler Icons, MIT (`docs/icons.md`).
 */

/* Общая часть: пустой <i> превращается в прямоугольник с маской. */
i[class*="fi-bd21-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Размеры тема задаёт слотам сама: 16px у характеристик, 36px у удобств. */
.c-detail__icon {
	font-size: 16px;
}

.c-feature__icon {
	font-size: 36px;
}

/* тип машины */
.fi-bd21-icon5 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-caravan%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M7 18a2 2 0 1 0 4 0a2 2 0 0 0 -4 0%22 /%3E %3Cpath d=%22M11 18h7a2 2 0 0 0 2 -2v-7a2 2 0 0 0 -2 -2h-9.5a5.5 5.5 0 0 0 -5.5 5.5v3.5a2 2 0 0 0 2 2h2%22 /%3E %3Cpath d=%22M8 7l7 -3l1 3%22 /%3E %3Cpath d=%22M13 11m0 .5a.5 .5 0 0 1 .5 -.5h2a.5 .5 0 0 1 .5 .5v2a.5 .5 0 0 1 -.5 .5h-2a.5 .5 0 0 1 -.5 -.5z%22 /%3E %3Cpath d=%22M20 16h2%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-caravan%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M7 18a2 2 0 1 0 4 0a2 2 0 0 0 -4 0%22 /%3E %3Cpath d=%22M11 18h7a2 2 0 0 0 2 -2v-7a2 2 0 0 0 -2 -2h-9.5a5.5 5.5 0 0 0 -5.5 5.5v3.5a2 2 0 0 0 2 2h2%22 /%3E %3Cpath d=%22M8 7l7 -3l1 3%22 /%3E %3Cpath d=%22M13 11m0 .5a.5 .5 0 0 1 .5 -.5h2a.5 .5 0 0 1 .5 .5v2a.5 .5 0 0 1 -.5 .5h-2a.5 .5 0 0 1 -.5 -.5z%22 /%3E %3Cpath d=%22M20 16h2%22 /%3E %3C/svg%3E");
}

/* место выдачи */
.fi-bd21-location-pin-2 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%22 /%3E %3Cpath d=%22M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%22 /%3E %3Cpath d=%22M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z%22 /%3E %3C/svg%3E");
}

/* посадочные места */
.fi-bd21-seat {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-4a2 2 0 0 1 2 -2z%22 /%3E %3Cpath d=%22M5 11v-5a3 3 0 0 1 3 -3h8a3 3 0 0 1 3 3v5%22 /%3E %3Cpath d=%22M6 19v2%22 /%3E %3Cpath d=%22M18 19v2%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-4a2 2 0 0 1 2 -2z%22 /%3E %3Cpath d=%22M5 11v-5a3 3 0 0 1 3 -3h8a3 3 0 0 1 3 3v5%22 /%3E %3Cpath d=%22M6 19v2%22 /%3E %3Cpath d=%22M18 19v2%22 /%3E %3C/svg%3E");
}

/* спальные места */
.fi-bd21-beds {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-bed%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M7 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M22 17v-3h-20%22 /%3E %3Cpath d=%22M2 8v9%22 /%3E %3Cpath d=%22M12 14h10v-2a3 3 0 0 0 -3 -3h-7v5z%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-bed%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M7 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M22 17v-3h-20%22 /%3E %3Cpath d=%22M2 8v9%22 /%3E %3Cpath d=%22M12 14h10v-2a3 3 0 0 0 -3 -3h-7v5z%22 /%3E %3C/svg%3E");
}

/* горячая вода */
.fi-bd21-flame {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-flame%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-flame%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.621 -2.333 5.588c0 3.704 3.134 6.706 7 6.706s7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235%22 /%3E %3C/svg%3E");
}

/* санузел */
.fi-bd21-icon19 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-bath%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4v-3a1 1 0 0 1 1 -1z%22 /%3E %3Cpath d=%22M6 12v-7a2 2 0 0 1 2 -2h3v2.25%22 /%3E %3Cpath d=%22M4 21l1 -1.5%22 /%3E %3Cpath d=%22M20 21l-1 -1.5%22 /%3E %3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22icon icon-tabler icons-tabler-outline icon-tabler-bath%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4v-3a1 1 0 0 1 1 -1z%22 /%3E %3Cpath d=%22M6 12v-7a2 2 0 0 1 2 -2h3v2.25%22 /%3E %3Cpath d=%22M4 21l1 -1.5%22 /%3E %3Cpath d=%22M20 21l-1 -1.5%22 /%3E %3C/svg%3E");
}