/**
 * Simple Line Icons (фонтосм / Mmoweb-style) — иконки через <i class="si si-*"></i>.
 * Шрифт: локальный SVG (mmoweb) + CDN woff2 для браузеров без поддержки SVG-шрифтов.
 */
@font-face {
  font-family: "simple-line-icons";
  src: url("https://cdn.jsdelivr.net/npm/simple-line-icons@2.5.5/dist/fonts/Simple-Line-Icons.woff2") format("woff2"),
       url("../mmoweb/fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.si {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Иконки (si-* = Simple Line Icons, коды из официального набора 2.5.5) */
.si-user:before { content: "\e005"; }
.si-people:before { content: "\e001"; }
.si-lock:before { content: "\e08e"; }
.si-key:before { content: "\e08c"; }
.si-settings:before { content: "\e09a"; }
.si-logout:before { content: "\e065"; }
.si-login:before { content: "\e066"; }
.si-wallet:before { content: "\e02a"; }
.si-credit-card:before { content: "\e025"; }
.si-clock:before { content: "\e081"; }
.si-list:before { content: "\e067"; }
.si-picture:before { content: "\e032"; }
.si-bag:before { content: "\e04f"; }
.si-doc:before { content: "\e085"; }
.si-docs:before { content: "\e040"; }
.si-book-open:before { content: "\e04c"; }
.si-close:before { content: "\e082"; }
.si-options:before { content: "\e603"; }
.si-arrow-right:before { content: "\e606"; }
.si-action-undo:before { content: "\e050"; }
.si-bubbles:before { content: "\e04a"; }
.si-diamond:before { content: "\e043"; }
.si-event:before { content: "\e619"; }
.si-calendar:before { content: "\e075"; }
.si-home:before { content: "\e069"; }
.si-grid:before { content: "\e06a"; }
.si-chart:before { content: "\e077"; }
.si-pie-chart:before { content: "\e05e"; }
.si-envelope:before { content: "\e086"; }
.si-bell:before { content: "\e027"; }
.si-heart:before { content: "\e08a"; }
.si-star:before { content: "\e09b"; }
.si-magnifier:before { content: "\e090"; }
.si-refresh:before { content: "\e098"; }
.si-trash:before { content: "\e054"; }
.si-folder:before { content: "\e089"; }
.si-camera:before { content: "\e07f"; }
.si-shield:before { content: "\e00e"; }
.si-trophy:before { content: "\e006"; }
.si-badge:before { content: "\e028"; }
.si-graph:before { content: "\e06b"; }
.si-target:before { content: "\e09e"; }
.si-link:before { content: "\e08d"; }
.si-flag:before { content: "\e088"; }
.si-eye:before { content: "\e087"; }
.si-info:before { content: "\e08b"; }
.si-question:before { content: "\e05d"; }
.si-check:before { content: "\e080"; }
.si-plus:before { content: "\e095"; }
.si-minus:before { content: "\e615"; }
.si-ban:before { content: "\e07c"; }
.si-pencil:before { content: "\e05f"; }
.si-note:before { content: "\e060"; }
.si-bulb:before { content: "\e076"; }
.si-cloud-download:before { content: "\e083"; }
.si-cloud-upload:before { content: "\e084"; }
.si-tag:before { content: "\e055"; }
.si-briefcase:before { content: "\e04b"; }
.si-basket:before { content: "\e04e"; }
.si-handbag:before { content: "\e035"; }
.si-globe:before { content: "\e037"; }
.si-layers:before { content: "\e034"; }
.si-arrow-left:before { content: "\e605"; }
.si-arrow-up:before { content: "\e607"; }
.si-arrow-down:before { content: "\e604"; }
.si-control-play:before { content: "\e071"; }
.si-control-pause:before { content: "\e072"; }
.si-volume-1:before { content: "\e09f"; }
.si-volume-2:before { content: "\e0a0"; }
.si-volume-off:before { content: "\e0a1"; }
.si-equalizer:before { content: "\e06c"; }
.si-music-tone:before { content: "\e062"; }
.si-microphone:before { content: "\e063"; }
.si-paper-plane:before { content: "\e094"; }
.si-feed:before { content: "\e03b"; }
.si-share:before { content: "\e05b"; }
.si-rocket:before { content: "\e05c"; }
.si-fire:before { content: "\e01c"; }
.si-energy:before { content: "\e020"; }
.si-cup:before { content: "\e044"; }
.si-drawer:before { content: "\e03f"; }
.si-umbrella:before { content: "\e053"; }
.si-wrench:before { content: "\e052"; }
.si-support:before { content: "\e056"; }
.si-power:before { content: "\e097"; }
.si-reload:before { content: "\e099"; }
.si-action-redo:before { content: "\e051"; }
.si-lock-open:before { content: "\e08f"; }
.si-exclamation:before { content: "\e617"; }
.si-organization:before { content: "\e616"; }
.si-present:before { content: "\e02f"; }
.si-printer:before { content: "\e02e"; }
.si-puzzle:before { content: "\e02d"; }
.si-bubble:before { content: "\e07d"; }
.si-camcorder:before { content: "\e07e"; }
.si-drop:before { content: "\e03e"; }
.si-film:before { content: "\e03a"; }
.si-folder-alt:before { content: "\e039"; }
.si-pin:before { content: "\e031"; }
.si-location-pin:before { content: "\e096"; }
.si-map:before { content: "\e033"; }
.si-direction:before { content: "\e042"; }
.si-compass:before { content: "\e045"; }
.si-menu:before { content: "\e601"; }
.si-options-vertical:before { content: "\e602"; }
.si-arrow-up-circle:before { content: "\e078"; }
.si-arrow-left-circle:before { content: "\e07a"; }
.si-arrow-right-circle:before { content: "\e079"; }
.si-arrow-down-circle:before { content: "\e07b"; }
.si-like:before { content: "\e068"; }
.si-dislike:before { content: "\e06d"; }
.si-control-start:before { content: "\e06f"; }
.si-control-end:before { content: "\e074"; }
.si-control-rewind:before { content: "\e070"; }
.si-control-forward:before { content: "\e073"; }
.si-calendar:before { content: "\e075"; }
.si-paper-clip:before { content: "\e093"; }
.si-magnifier-add:before { content: "\e091"; }
.si-magnifier-remove:before { content: "\e092"; }
.si-symbol-male:before { content: "\e09d"; }
.si-symbol-female:before { content: "\e09c"; }

/* Выпадающее меню: ширина по самому длинному пункту + 2.5rem до края, один пункт — одна строка, иконки одной ширины и отступа */
.dropdown-user-menu {
  width: max-content;
  max-width: 95vw;
}
#dropdown-user .dropdown-user-menu-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
  padding: 10px 2.5rem 10px 15px;
}
#dropdown-user .dropdown-user-menu-item span {
  white-space: nowrap;
}
/* Иконки: одна ширина (1.25rem), один отступ до текста (0.75rem) — и si, и fe */
#dropdown-user .dropdown-user-menu-item .si,
#dropdown-user .dropdown-user-menu-item .fe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  min-width: 1.25rem;
  margin-right: 0.5rem;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  /* opacity: 0.9; */
  box-sizing: content-box;
  margin-top: -2px;
}

/* Ссылка «Привяжите почту!» в шапке dropdown: тонкий шрифт, розово-красный цвет (!important — перебить общие стили .dark и .bg-ava) */
#dropdown-user .dropdown-user__link-email {
  font-weight: 300 !important;
  color: #e11d48 !important;
}
#dropdown-user .dropdown-user__link-email:hover {
  color: #be123c !important;
}
.dark #dropdown-user .dropdown-user__link-email,
#dropdown-user.dark .dropdown-user__link-email {
  color: #fb7185 !important;
}
.dark #dropdown-user .dropdown-user__link-email:hover,
#dropdown-user.dark .dropdown-user__link-email:hover {
  color: #fda4af !important;
}
