/* Стили для HTML, который сохраняется из TinyMCE.
   Должны совпадать с content_style в settings.TINYMCE_DEFAULT_CONFIG,
   чтобы то же самое было видно и в редакторе, и на сайте. */

/* --- Изображения --------------------------------------------------------- */

img.img-float-left {
    float: left;
    margin: 0 1em 1em 0;
    max-width: 50%;
    height: auto;
}

img.img-float-right {
    float: right;
    margin: 0 0 1em 1em;
    max-width: 50%;
    height: auto;
}

img.img-center {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    height: auto;
}

/* --- Таблицы со скроллом -------------------------------------------------- */

table.table-scroll {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

table.table-scroll th,
table.table-scroll td {
    white-space: nowrap;
}

/* --- Clearfix для контейнеров с плавающими картинками -------------------- */
/* Без этого блок, в который вставлена `img.img-float-*`, не охватит её
   высоту, и следующий за ним блок «налипнет» на картинку. */

.rich-content::after,
.tab-content::after,
.single__news-description::after,
.info__body::after,
.foreigners__main-description-text::after {
    content: "";
    display: table;
    clear: both;
}

/* --- Брендовые ссылки ----------------------------------------------------- */
/* Покрываем ссылки внутри любого rich-text/контейнера, в который вставляется
   HTML из TinyMCE (description|safe). Descendant-комбинатор (пробел) ловит
   ссылки на ЛЮБОЙ глубине вложенности — TinyMCE может оборачивать <a> в <strong>,
   <span>, вложенные <ul> и т. д. Также покрыты ссылки в кастомных компонентах
   (карточки заявок, таблицы списков, аккордеон, спойлеры с документами).

   Этот блок ЖИВЁТ ИМЕННО ЗДЕСЬ (rich-content.css), а не в style.css —
   потому что подключается отдельным <link> ПОСЛЕ style.css и тем самым
   остаётся unlayered. Внутри @layer его перебивал бы глобальный
   `a { color: inherit }` в @layer base. */

.application a,
.archive__main a,
.fl-table a,
.foreigners__main-description-text a,
.info__body a,
.list__link,
.news-card a,
.rich-content a,
.single__news-description a,
.tab-content a,
.docs__main details a,
.link-brand,
.link-brand a {
    color: var(--c-brand);
    text-decoration: underline var(--c-brand);
    text-underline-offset: 4px;
}