/* Кастомные правила темы yurtalux. Подключается из functions.php. */

/* Лупа в поле поиска попапа 1736.
   Заменяет "спутник" JetTricks: тот же SVG, что лежит в
   uploads/2020/10/Union-2.svg, вшит инлайном — без лишнего запроса.
   Место под иконку уже зарезервировано: у поля padding-left: 54px. */
.elementor-1736 .elementor-element-14fed93 .jet-search__label {
    position: relative;
    display: block;
}

.elementor-1736 .elementor-element-14fed93 .jet-search__label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%234887D8' fill-rule='evenodd' clip-rule='evenodd' d='M24.6255 25.9513C22.0128 28.2544 18.5825 29.6516 14.8258 29.6516C6.63775 29.6516 0 23.0139 0 14.8258C0 6.63775 6.63775 0 14.8258 0C23.0139 0 29.6516 6.63775 29.6516 14.8258C29.6516 18.5825 28.2544 22.0128 25.9513 24.6255L32 30.6742L30.6742 32L24.6255 25.9513ZM27.7766 14.8258C27.7766 21.9784 21.9784 27.7766 14.8258 27.7766C7.67328 27.7766 1.875 21.9784 1.875 14.8258C1.875 7.67328 7.67328 1.875 14.8258 1.875C21.9784 1.875 27.7766 7.67328 27.7766 14.8258Z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

/* На мобильных иконка меньше — как было в настройках спутника. */
@media (max-width: 767px) {
    .elementor-1736 .elementor-element-14fed93 .jet-search__label::before {
        width: 22px;
        height: 22px;
    }
}

/* yurtalux-social-icons-cls
   Сдвиг макета: widget-social-icons.min.css выводится в конце body,
   до него .elementor-icon имеет font-size:50px из frontend.min.css,
   после — var(--icon-size)=14px. Шапка схлопывается, страница прыгает.
   Дублируем опоздавшее правило здесь, custom.css грузится в head.
   Источник правил: elementor/assets/css/widget-social-icons.min.css 4.2.4 */
.elementor-icon.elementor-social-icon {
	font-size: var(--icon-size, 25px);
	line-height: var(--icon-size, 25px);
	width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
	height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
}
.elementor-social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}