/* Header + FA fixes 2026-04-20 v2 */

/* 0. FA icons: шрифт зарегистрирован как 400, но правила хотят 300 — принудительно 400 */
.fal::before, .fas::before, .far::before, .fab::before {
  font-weight: 400 !important;
  font-family: 'Font Awesome 5 Pro' !important;
}

/* 1. Убираю декоративный кружок у логотипа — при скролле он 'съезжает' */
.header__logo-icon::after { display: none !important; }

/* 2. Единообразный стиль для иконок справа — избранное + тема */
.header__mine-btn,
.header__theme-select {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid var(--bdc, rgba(0,0,0,.1)) !important;
  color: var(--tt, #444) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  position: relative !important;
}

.header__mine-btn:hover,
.header__theme-select:hover {
  background: var(--accent, #79c142) !important;
  border-color: var(--accent, #79c142) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(121, 193, 66, .25);
}

.header__theme-select { color: var(--yellow, #f0c040) !important; }
.header__theme-select:hover { color: #fff !important; }
.header__theme-select::before { font-size: 16px !important; }

.header__mine-btn svg { width: 16px; height: 16px; }

.header__mine-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #ff3b30;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-sizing: content-box;
}
.header__mine-count:empty { display: none !important; }