/* -----------------------------------------------------------------------------
   WF1 STAGE 8 — логотип WF1.BY.

   Один файл на три места: кабинет, /admin и страницы входа. Логотип —
   `media/img/logo_b.svg`, пропорции 2116.66 × 431.8 (примерно 4.9 : 1).
   Ширина задаётся, высота считается сама (`height:auto`), поэтому пропорции
   сохраняются при любом размере и на любом экране.

   Максимальная ширина ограничена контейнером (`max-width:100%`): в узком
   сайдбаре и на телефоне логотип ужимается, а не выезжает за край.
   -------------------------------------------------------------------------- */

.wf1-logo { display: inline-block; line-height: 0; text-decoration: none; }
.wf1-logo img { display: block; width: 100%; max-width: 100%; height: auto; }

/* Кабинет: сайдбар. */
.wf1-logo--cabinet { width: 148px; max-width: 100%; }

/* Страницы входа, регистрации и восстановления пароля. */
.wf1-logo--auth { width: 168px; max-width: 70vw; margin: 0 auto; }

/* Административная панель: узкая шапка, логотип мельче.

   ШАПКА АДМИНКИ СИНЯЯ (`#0866c6`, media/css_admin/style.css), а логотип
   нарисован фирменным синим `#1f61eb` — на этом фоне он практически не виден.
   Перекрашиваем его в белый ФИЛЬТРОМ, а не второй копией файла: сам SVG
   остаётся один и не переделывается, а `brightness(0) invert(1)` даёт чистый
   белый из любого исходного цвета. Появится тёмная тема админки — фильтр
   снимается одной строкой. */
.wf1-logo--admin { width: 124px; max-width: 100%; vertical-align: middle; }
.wf1-logo--admin img { filter: brightness(0) invert(1); }

/* Публичная шапка и подвал. */
.wf1-logo--nav { width: 132px; }
.wf1-logo--footer { width: 150px; }

@media (max-width: 900px) {
    .wf1-logo--cabinet { width: 128px; }
    .wf1-logo--nav { width: 116px; }
}

@media (max-width: 480px) {
    .wf1-logo--cabinet { width: 116px; }
    .wf1-logo--auth { width: 140px; }
    .wf1-logo--nav { width: 108px; }
    .wf1-logo--footer { width: 128px; }
}