/*
 * Правки шапки под телефон — файл салона, не вендорский.
 *
 * Всё остальное в этой папке принадлежит ThemeNectar и переписывается при
 * обновлении темы; здесь лежит только то, что чинится ради владельца и её
 * клиенток. Подключается из functions.php темы последним, после стилей
 * Salient, поэтому переопределять ничего лишнего не нужно.
 *
 * Проверяется вместе с остальным сайтом: node tools/ui/audit-layout.mjs.
 */

@media only screen and (max-width: 782px) {

    /* Логотип — текстовая ссылка 168×22: по высоте это половина нормы для
       пальца (44px). Внутренний отступ поднимает саму цель, отрицательный
       внешний возвращает строку шапки на прежнее место, так что ни высота
       шапки, ни положение соседей не меняются. */
    #header-outer #logo {
        padding-top: 11px;
        padding-bottom: 11px;
        margin-top: -11px;
        margin-bottom: -11px;
    }

    /* Кнопка меню была 22×20 — самая маленькая цель на всём сайте, при том
       что на телефоне это единственный вход в меню. Тот же приём, но с
       display: у строчного элемента вертикальный отступ не увеличивает его
       коробку, и цель оставалась прежней при видимом padding в стилях. */
    #header-outer .slide-out-widget-area-toggle a {
        display: inline-block;
        padding: 12px;
        margin: -12px;
    }
}