/* Правила, которые пока не попали в собранный style.min.css.
 *
 * На сервере нет sass, пересобрать стили нечем, поэтому эти правила лежат
 * здесь отдельным файлом и подключаются после основного (inc/unbuilt-styles.php).
 * Каждое из них есть и в исходниках SCSS — после ближайшей пересборки стилей
 * файл и его enqueue можно удалить целиком.
 *
 * 1. .section-title — заголовок раздела (H1), скрытый визуально.
 *    Источник: styles/_section-title.scss
 * 2. Подсветка активного пункта меню в шапке.
 *    Источник: styles/_header.scss
 * 3. Запасной шрифт для поиска Ajax Search Pro.
 *    Источник: styles/_asp-font.scss
 * 4. Цвет иконок из спрайта.
 *    Источник: styles/_icon-sprite.scss
 */

/* ── 1. Скрытый H1 раздела ───────────────────────────────────────────── */
.section-title {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
    word-break: normal;
}

/* ── 2. Подсветка активного раздела в шапке ──────────────────────────── */
.header__menu-item {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.header__menu-item:not(.header__menu-item--tours)::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 2px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.5), 0 0 14px rgba(255, 255, 255, 0.28);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.22s ease;
}

.header__menu-item:not(.header__menu-item--tours):hover::after {
    transform: scaleX(1);
}

.header__menu-item--active:not(.header__menu-item--tours)::after {
    transform: scaleX(1);
}

/* ── 3. Запасной шрифт для поиска (Ajax Search Pro) ──────────────────────
   Плагин объявляет font-family:"Open Sans" без запасных вариантов, а сам шрифт
   с Google Fonts мы больше не грузим. !important — потому что у плагина
   селекторы с id. Иконочный шрифт asppsicons2 не задет: он объявлен на
   псевдоэлементах ::after, а собственное значение сильнее унаследованного.
   Источник: styles/_asp-font.scss */
div.asp_w,
div.asp_w *,
div[id^="ajaxsearchpro"],
div[id^="ajaxsearchpro"] * {
    font-family: var(--primary-font, Manrope), "Helvetica Neue", Arial, sans-serif !important;
}

/* ── 4. Цвет иконок из спрайта ───────────────────────────────────────────
   Иконка комментариев подключается через <use>, её path лежит в теневом
   дереве и прежнее правило `.ui-body-night .articles__item-counter path`
   до неё не достаёт. Цвет разводим через currentColor.
   Источник: styles/_icon-sprite.scss */
.icon-comment {
    color: #1B1F3B;
}

.ui-body-night .icon-comment {
    color: #fff;
}
