@font-face {
  font-family: 'Plum';
  src: url('/static/fonts/Plum.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Иконка PlumNet из шрифта Plum (вместо /static/logo.png) */
.plum-logo-mark {
  --plum-logo-size: 50px;
  --plum-logo-pad: 9px;
  --plum-logo-glyph: calc(var(--plum-logo-size) - var(--plum-logo-pad) * 2);
  box-sizing: border-box;
  width: var(--plum-logo-size);
  height: var(--plum-logo-size);
  padding: var(--plum-logo-pad);
  font-family: 'Plum', sans-serif;
  font-size: var(--plum-logo-glyph);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--header-text, var(--text-primary, #fff));
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  user-select: none;
}

.plum-logo-mark::before {
  content: var(--plum-logo-char, "\e000");
  display: block;
  line-height: 1;
}

.plum-logo-mark--footer {
  color: var(--footer-text, var(--text-primary, #fff));
}

.logotext .plum-logo-mark,
.logotext2 .plum-logo-mark {
  vertical-align: middle;
}

/* Скрываем старые img там, где стоит шрифтовая иконка */
.logotext:has(.plum-logo-mark) > img,
.logotext2:has(.plum-logo-mark) > img {
  display: none;
}

.line:has(.plum-logo-mark) > img,
.line2:has(.plum-logo-mark) > img {
  display: none;
}