/*
    Правки оформления сайта — сюда.

    quark2 подключает этот файл последним, поэтому правила отсюда выигрывают
    без !important, а обновление темы его не трогает: файл лежит в дочерней
    теме kitslab2, а не в quark2.

    Цвета, скругления и тени quark2 объявлены переменными --q2-* на :root и на
    :root[data-theme='dark'] в css/theme.css темы. Переопределять их можно
    здесь, например:

        :root { --q2-radius-lg: 4px; }

    Акцентный цвет менять отсюда не нужно — для него есть настройка
    accent-color в user/config/themes/kitslab2.yaml.

    Чего здесь намеренно нет: правила
        .mobile-menu .button_container span { background: #718d96; }
    Оно жило в версии темы под quark, где полоски бургер-меню красились в
    акцентный синий и их приглушали до серо-синего. В quark2 они уже
    нейтральные — var(--q2-text-strong), — и подстраиваются под светлую и
    тёмную схему. Жёсткий цвет сломал бы тёмную тему, а исходная причина
    правки исчезла.
*/

/* Контакты: иконка и подпись в одну строку, по центру по вертикали.

   Раньше это держалось на подпорке style="display: table-caption" у подписи,
   вписанной прямо в страницу. В вёрстке quark2 она превращала подпись в
   анонимный табличный бокс, и текст уезжал вверх и вбок. Подпорка убрана из
   страницы, выравнивание теперь здесь — где ему и место. */
.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Картинки в тёмной теме.

   Фото плат вырезаны по фону: PNG с прозрачностью, край жёсткий. На белом это
   не читалось, на почти чёрном фоне тёмной темы светлая кромка и остатки фона
   лезут в глаза. Сами файлы почищены (кромка сглажена, остатки фона сняты), а
   здесь картинке даётся полупрозрачная подложка — снимок лежит на мягком
   светлом стекле, а не висит в пустоте.

   Схемы распиновки — сплошной белый лист, прозрачности в них нет и быть не
   должно: чёрные подписи на прозрачном фоне в тёмной теме просто исчезнут.
   Поэтому их не режем, а слегка притемняем фильтром — белое поле уходит в
   светло-серое, контраст с фоном страницы перестаёт бить по глазам, а цвета
   подписей остаются различимыми. */

:root[data-theme='dark'] .content-item img:not([src*='pinout' i]),
:root[data-theme='dark'] .modular-text .column img:not([src*='pinout' i]) {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    padding: 0.75rem;
    box-sizing: border-box;
}

:root[data-theme='dark'] .content-item img[src*='pinout' i],
:root[data-theme='dark'] .modular-text .column img[src*='pinout' i] {
    filter: brightness(0.82);
    border-radius: 8px;
}