/* Щадящий режим для старых встроенных браузеров Android.
 *
 * Зачем. У части людей интерфейс рисуется кусками: при прокрутке пропадают
 * фрагменты страницы и появляется дрожание. Жалоба пришла с HUAWEI nova Y73
 * (GFY-LX1, Android 12), и по журналу видно, что на нём встроенный браузер
 * версии Chromium 114 — он старше нынешнего на три года. Такие устройства у
 * нас не редкость: HUAWEI и HONOR дают 11% всех запросов, а 9% запросов с
 * Android приходят с браузером старее 120-й версии. Обновиться им неоткуда:
 * сервисов Google на этих телефонах нет, и встроенный браузер заморожен.
 *
 * Что делаем. Выключаем размытие подложки. Оно у нас стоит в ста с лишним
 * местах, и каждое такое место заставляет браузер держать отдельный слой и
 * пересчитывать его при каждом движении. На старых сборках именно это чаще
 * всего и рассыпается. Украшением жертвуем, читаемостью — нет: у почти всех
 * наших стеклянных поверхностей фон и без размытия непрозрачный, а тем
 * немногим, которые держались на полупрозрачности, здесь возвращается
 * сплошной фон.
 *
 * Метку ставит сервер по браузеру, поэтому страница сразу приходит в нужном
 * виде и ничего не перерисовывается на глазах.
 */

:root[data-webview="legacy"] *,
:root[data-webview="legacy"] *::before,
:root[data-webview="legacy"] *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Поверхности, которые без размытия остались бы просвечивающими. */
:root[data-webview="legacy"] .ui-header {
    background: var(--color-bg-base);
}

:root[data-webview="legacy"] .bottom-nav,
:root[data-webview="legacy"] .ui-mobile-drawer,
:root[data-webview="legacy"] .ui-dropdown__menu,
:root[data-webview="legacy"] .track-menu--desktop-floating.ui-dropdown__menu {
    background: var(--color-surface-0);
}

/* Затемнение под окнами: без размытия оно должно быть плотнее, иначе текст
 * окна читается поверх содержимого страницы. */
:root[data-webview="legacy"] .ui-mobile-drawer-backdrop,
:root[data-webview="legacy"] .modal.is-active {
    background: color-mix(in oklch, var(--color-bg-base) 88%, transparent);
}

/* Тени и подсветка тоже считаются слоями. На старых сборках их дешевле
 * упростить, чем разбираться, какая именно из них не дорисовалась. */
:root[data-webview="legacy"] .ui-card,
:root[data-webview="legacy"] .ui-form-box,
:root[data-webview="legacy"] .ui-track-card {
    box-shadow: none;
}