/*
 * Совместимость с Elementor 4 — hd.is
 * Составлено 29.08.2026 при обновлении Elementor 3.6.7 -> 4.2.3.
 *
 * Собрано не на глаз: сравнены все сгенерированные Elementor файлы
 * wp-content/uploads/elementor/css на проде и на копии, отдельно для трёх
 * диапазонов ширины (Elementor часть настроек держит в медиазапросах), и сюда
 * попало ровно то, что Elementor 4 перестал выводить и что при этом видно.
 * Каждое правило потом подтверждено замером geometry на обеих сторонах.
 *
 * Две причины.
 *
 * 1. Часть глобальных шрифтов задаёт не все свойства. Elementor 3 всё равно
 *    писал, например, `line-height: var( --e-global-typography-de0b255-line-height )`;
 *    переменной нет, объявление невалидно, и свойство наследуется от body.
 *    Elementor 4 такие объявления не пишет вовсе, и в дело вступает
 *    `.elementor-heading-title{line-height:1}` из frontend.css — строка
 *    становится ниже, а дальше едет вся страница. Возвращаем объявления
 *    дословно: где переменная не задана, сработает наследование, как на проде;
 *    где задана — встанет её значение, тоже как на проде.
 *
 * 2. Отступ текста в «списке с иконками» Elementor 4 пишет как
 *    `padding-inline-end` на самой иконке, а прежние 5px у текста при этом
 *    остаются. Пункты меню уезжают вправо на 5px. Возвращаем `padding-left: 0`
 *    тем двум спискам, где отступ был выставлен в ноль.
 *
 * Селекторы начинаются с `body`, чтобы правило перебивало одноимённое из
 * post-*.css независимо от порядка подключения. Диапазоны ширины не
 * пересекаются, поэтому мобильные значения не затирают десктопные и наоборот.
 */

@media (min-width:1025px) {
	body .elementor-1378 .elementor-element.elementor-element-2f9685a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-4c3ecd9 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-538fcbd { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-61447ac { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-6c9009c { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-744468f { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-982a0e7 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-ac9ab9a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b16ea22 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b3d0df8 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-c76d5d4 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-da92de5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1452 .elementor-element.elementor-element-9e7e21d .elementor-icon-list-text { padding-left: 0px }
	body .elementor-1672 .elementor-element.elementor-element-55d47ba .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1672 .elementor-element.elementor-element-5fe01d1 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-331f6b5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-9118128 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1754 .elementor-element.elementor-element-404f419 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-18 .elementor-element.elementor-element-460f904 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-2465 .elementor-element.elementor-element-aa8e3e5 .elementor-icon-list-text { padding-left: 0px }
	body .elementor-5382 .elementor-element.elementor-element-99bd6a1 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-5397 .elementor-element.elementor-element-54cc3db .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
}

@media (min-width:768px) and (max-width:1024px) {
	body .elementor-1378 .elementor-element.elementor-element-2f9685a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-4c3ecd9 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-538fcbd { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-61447ac { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-6c9009c { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-744468f { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-982a0e7 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-ac9ab9a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b16ea22 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b3d0df8 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-c76d5d4 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-da92de5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1452 .elementor-element.elementor-element-9e7e21d .elementor-icon-list-text { padding-left: 0px }
	body .elementor-1672 .elementor-element.elementor-element-55d47ba .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1672 .elementor-element.elementor-element-5fe01d1 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-331f6b5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-9118128 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1754 .elementor-element.elementor-element-404f419 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-18 .elementor-element.elementor-element-460f904 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-2465 .elementor-element.elementor-element-aa8e3e5 .elementor-icon-list-text { padding-left: 0px }
	body .elementor-5382 .elementor-element.elementor-element-99bd6a1 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-5397 .elementor-element.elementor-element-54cc3db .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
}

@media (max-width:767px) {
	body .elementor-1378 .elementor-element.elementor-element-2f9685a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-4c3ecd9 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-538fcbd { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-61447ac { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-6c9009c { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-744468f { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-982a0e7 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-ac9ab9a { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b16ea22 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-b3d0df8 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-c76d5d4 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1378 .elementor-element.elementor-element-da92de5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1452 .elementor-element.elementor-element-9e7e21d .elementor-icon-list-text { padding-left: 0px }
	body .elementor-1672 .elementor-element.elementor-element-55d47ba .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1672 .elementor-element.elementor-element-5fe01d1 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-331f6b5 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-1691 .elementor-element.elementor-element-9118128 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-1754 .elementor-element.elementor-element-404f419 { font-size: var( --e-global-typography-173e404-font-size ); line-height: var( --e-global-typography-173e404-line-height ) }
	body .elementor-18 .elementor-element.elementor-element-460f904 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-2465 .elementor-element.elementor-element-aa8e3e5 .elementor-icon-list-text { padding-left: 0px }
	body .elementor-5382 .elementor-element.elementor-element-99bd6a1 .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
	body .elementor-5397 .elementor-element.elementor-element-54cc3db .elementor-heading-title { line-height: var( --e-global-typography-de0b255-line-height ) }
}
/*
 * Кнопки с иконкой. Elementor 3 разводил иконку и текст двумя правилами:
 *     .elementor-button .elementor-align-icon-left  { margin-right: 5px }
 *     .elementor-button .elementor-align-icon-right { margin-left:  5px }
 * Elementor 4 их убрал и поставил `gap` на обёртку. Для обычной кнопки
 * «текст + иконка» это равноценно, там ничего править не надо. Но есть два
 * случая, где gap разводить нечего, и иконка съезжает на 5px:
 *
 *  1. Кнопка без текста (иконка поиска в шапке) — в обёртке один элемент.
 *  2. Кнопки UAE (`uael-trigger`, «Horfa á myndband» на «Um okkur») — текст
 *     выпадает из потока обёртки, и gap его не двигает.
 *
 * Правило намеренно узкое: на обычные кнопки («Senda fyrirspurn», «Sjá nánar»)
 * оно не распространяется — там gap уже даёт ровно тот же отступ, что и
 * Elementor 3, и лишние 5px сдвинули бы текст.
 */
body .elementor-button .elementor-button-content-wrapper > .elementor-button-icon:only-child {
	margin-right: 5px;
}
body .uael-trigger .elementor-button-content-wrapper > .elementor-button-icon {
	margin-right: 5px;
}

/*
 * Высота кнопки с иконкой. Elementor 4 добавил в frontend.css правило
 *     .elementor-button-icon { display: flex; align-items: center }
 * Elementor 3 такого правила не имел: обёртка иконки была блоком, а сама
 * иконка — строчной, и под ней оставалось место под свисающие элементы
 * строки. Из-за этого кнопки в копии были на 2-3px ниже, чем на проде
 * («Senda fyrirspurn», «Horfa á myndband»), а следом на пару пикселей
 * уезжало всё, что под ними.
 *
 * Возвращаем блок. Иконка внутри при этом сама перестаёт быть flex-элементом
 * и снова становится строчной — высота совпадает с продом.
 */
body .elementor-button .elementor-button-icon {
	display: block;
	align-items: normal;
}

/*
 * Обратный порядок колонок «на планшете» на самом деле работал и на телефоне.
 * Elementor генерирует для этого набор правил, и среди них есть заведомо
 * бессмысленное `(min-width: -1px) and (max-width: 1024px)`. На проде оно
 * записано как `-1px` — это корректный токен длины, медиазапрос разбирается и
 * срабатывает от нуля, то есть и на телефоне тоже. Elementor 4 пишет `-1`
 * без единицы: такой медиазапрос невалиден и не срабатывает никогда.
 *
 * Из-за этого на телефоне колонки перестали переворачиваться — на главной
 * картинка и текст менялись местами. Повторяем продовое поведение явно.
 */
@media (max-width: 767px) {
	.elementor-reverse-tablet > .elementor-container > :first-child { order: 10 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2 }
	.elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1 }
}

/*
 * Поля форм. Elementor 4 сменил цвет рамки по умолчанию:
 *     .elementor-field-group .elementor-field-textual { border: 1px solid #69727d }
 * у Elementor 3 в том же правиле было #818a91. Рамки всех полей на сайте стали
 * заметно темнее. Возвращаем прежний цвет; там, где цвет задан в самой форме,
 * правило из post-*.css перебивает это (у него специфичность выше).
 */
body .elementor-field-group .elementor-field-textual {
	border-color: #818a91;
}

/*
 * Всплывающие окна. У Elementor 3 в frontend.css было
 *     .dialog-message { font-size: 12px; line-height: 1.5 }
 * Elementor 4 перенёс правило в dialog.min.css и **потерял font-size**:
 *     .dialog-message { line-height: 1.5 }
 * Содержимое попапа стало наследовать 20px от body вместо 12px. Само по себе
 * это не видно — текст внутри задаёт свой размер, — но строчные боксы у пунктов
 * списка вырастают, и каждый пункт меню становится на 4px выше (38px против 42).
 * В открытом меню это накапливается: к низу колонки расхождение больше 40px.
 */
body .dialog-message {
	font-size: 12px;
}

/*
 * Стрелки подменю в мобильном меню. Elementor 4 подключает CSS кита
 * (post-6.css) ПОСЛЕ CSS шаблонов, а Elementor 3 подключал до. В своём CSS кита
 * и шаблона меню одно и то же правило записано с разным цветом:
 *     span.uael-menu-toggle.sub-arrow.parent-item .fa { color: #fff }  (кит)
 *     span.uael-menu-toggle.sub-arrow.parent-item .fa { color: #000 }  (меню)
 * Специфичность одинаковая, поэтому решает порядок — и стрелки из чёрных стали
 * белыми. Возвращаем чёрный, подняв специфичность.
 */
body span.uael-menu-toggle.sub-arrow.parent-item .fa {
	color: #000;
}