/* ============================================================================
   brand-logo.css — фирменный логотип Studentum в шапке.

   Логотип задаётся ТОЛЬКО высотой: ширина считается сама из пропорций файла
   (1186 × 328, то есть 3.62 : 1). Если задать и то и другое произвольно —
   щит сплющится. Атрибуты width/height в разметке стоят настоящие, они лишь
   резервируют место, чтобы страница не дёргалась при загрузке.

   Версии не перерисованы и не перекрашены: в пакете два готовых файла.
   dark  — молочные буквы, для тёмного фона;
   light — чёрные буквы, для светлого.
   В разметке лежат оба, показывается подходящий теме. Подменить один src
   средствами CSS нельзя, поэтому именно два изображения.
========================================================================== */

.site-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: 100%;
  object-fit: contain;                 /* пропорции не искажаются никогда */
}

/* Тёмная тема — версия для тёмного фона, светлая — своя. */
.site-logo-light { display: none; }
[data-theme="light"] .site-logo-dark  { display: none; }
[data-theme="light"] .site-logo-light { display: block; }

/* Ссылка-логотип: у неё был свой набор отступов под значок и текст,
   теперь внутри одна картинка. */
.logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;                      /* убирает подстрочный зазор у img */
}

@media (max-width: 480px) {
  .site-logo { height: 32px; }
}