/*
 * Правки поверх сборки вёрстки (assets/css/index.css собирается в репозитории allfrescoverstka
 * и перезаписывается при выкладке). Держим здесь то, что должно пережить пересборку.
 */

/* О компании: баннер тянется на всю ширину окна при отдалении, как слайдер на главной */
.about-company-hero {
    max-width: none;
}

/* Поиск: счётчик на вкладке растягивается под число (4443 у «Моделей» не помещалось в круг 28px) */
.search__tab-count {
    width: auto;
    min-width: 28px;
    padding: 0 7px;
    border-radius: 14px;
}

/* Сообщение об отказе сервера при подгрузке результатов (вкладки и пагинация поиска, каталог) */
.load-error {
    margin: 24px 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--color-orange);
}

/*
 * Видимый фокус с клавиатуры (НФТ003, WCAG 2.1 AA). В сборке `*:focus-visible{outline:1px solid var(--color-blue)}`,
 * но переменной --color-blue нет — объявление недействительно, обводки нет. Оранжевый — как у кнопок модалок в вёрстке.
 */
:focus-visible {
    outline: 2px solid var(--color-orange);
    outline-offset: 2px;
}

/* элементы, у которых обводка снята в базовом правиле сборки */
.hits--with-nav .hits__nav:focus-visible,
.product-details-modal__tab:focus-visible,
.tech-list__btn:focus-visible {
    outline: 2px solid var(--color-orange);
    outline-offset: 2px;
}

/* 78439: каталог — по выбранным фильтрам ничего не нашлось (сообщение внутри сетки, её заменяет AJAX-фильтр) */
.catalog__empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 40px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    color: var(--color-font);
}

/*
 * 79874: текст статьи (DETAIL_TEXT, перенесён со старого сайта). Списки и подзаголовки оформляет сборка
 * через .article-detail__block-text; абзацев, картинок и таблиц в ней нет — без них текст шёл сплошным.
 */
.detail_text_content p {
    margin: 0 0 16px;
}

.detail_text_content h2 {
    margin: 32px 0 16px;
}

.detail_text_content h2:first-child,
.detail_text_content h3:first-child {
    margin-top: 0;
}

.detail_text_content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.detail_text_content img[align="left"],
.detail_text_content img[style*="float: left"],
.detail_text_content img[style*="float:left"] {
    margin: 0 24px 16px 0;
}

.detail_text_content img[align="right"],
.detail_text_content img[style*="float: right"],
.detail_text_content img[style*="float:right"] {
    margin: 0 0 16px 24px;
}

.detail_text_content table {
    max-width: 100%;
    margin: 0 0 24px;
    border-collapse: collapse;
}

.detail_text_content td,
.detail_text_content th {
    padding: 8px;
    vertical-align: top;
}

/* после картинок с обтеканием следующий блок не должен «заезжать» под них */
.detail_text_content::after {
    content: "";
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .detail_text_content img[align],
    .detail_text_content img[style*="float"] {
        float: none !important;
        display: block;
        margin: 0 0 16px;
    }

    .detail_text_content table {
        display: block;
        overflow-x: auto;
    }
}

/* 78439: товары проекта шли вплотную к описанию (место и год) */
.project-detail__layout + .hits {
    margin-top: 60px;
}

@media (max-width: 767px) {
    .project-detail__layout + .hits {
        margin-top: 40px;
    }
}

/* 78612: ошибка формы вне поля (капча, сбой сервера) — в потоке под капчей / над кнопкой, а не absolute как у поля */
.form-field__error-text.js-form-error {
    position: static;
    margin: 8px 0 12px;
    white-space: normal;
}

/* 79874: текстовые блоки статьи (TEXT_n) — абзацы и подзаголовки как в основном тексте; блок без картинки — на всю ширину */
.article-detail__block-text p {
    margin: 0 0 16px;
}

.article-detail__block-text p:last-child {
    margin-bottom: 0;
}

.article-detail__block-text h2 {
    margin: 32px 0 16px;
}

.article-detail__block-text h2:first-child {
    margin-top: 0;
}

.article-detail__block--text {
    display: block;
}

/*
 * 79874 (рекомендации SEO, мобильные): на iOS страница иногда не пролистывалась до футера.
 * В сборке overflow-x:hidden и на html, и на body — body становится отдельной областью прокрутки,
 * iOS Safari на таких страницах «застревает». clip обрезает так же, но области прокрутки не создаёт
 * (в сборке так уже сделано для каталога и проектов — распространяем на весь сайт).
 */
@supports (overflow-x: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

/* Android: размытие фона под фиксированной кнопкой «наверх» пересчитывается на каждом кадре прокрутки — на сенсорных экранах без него */
@media (hover: none) {
    .scroll-to-top {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: rgba(233, 83, 13, .7);
    }
}