/* css/redesign-header.css
   Фаза 5.0 редизайна — общая шапка сайта (.header: лого, поиск, колокольчик,
   корзина, кнопка "Личный кабинет"). Не входила ни в одну из фаз 0–4, хотя
   по референсу общая для всех экранов (docs/redesign_handoff/README.md) —
   отсюда несходняк "готовых" экранов с референсом: сама шапка оставалась
   на старой теме (css/header.css, серые плашки var(--surface-2)).

   Не scoped под #homePage/#profilePage — .header лежит вне .page в
   index.html и используется на всех страницах, включая ещё не
   отредизайненную десктопную админку (там её не прячут, см. css/admin.css
   body.admin-mode .header — скрывается только в мобильной админке). Раньше
   этого не решались, так как это глобальный компонент, но лучше он будет
   выглядеть последовательно, чем смешивать две темы на одном экране. */

.header {
  background: var(--rd-panel-header);
  border-bottom: 1px solid var(--rd-border);
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--rd-font-family);
  color: var(--rd-gold);
  font-weight: 800;
}
.logo-img {
  height: 40px;
}
.logo-text {
  color: var(--rd-gold);
}

#searchInput {
  background: var(--rd-bg);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-pill);
  color: var(--rd-text);
  font-family: var(--rd-font-family);
  padding-left: 38px;
}
#searchInput:focus { border-color: var(--rd-gold); }
#searchInput::placeholder { color: var(--rd-text-muted); }
.search-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--rd-text-muted);
  pointer-events: none;
}
.search-results {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border);
}
.search-result-item { border-bottom: 1px solid var(--rd-border); }
.search-result-item:hover { background: var(--rd-panel-header); }
.search-result-name { color: var(--rd-text); }
.search-result-price { color: var(--rd-gold); }

.cart-widget, .auth-btn, .notifications-btn {
  background: transparent;
  border: 1px solid var(--rd-border);
  color: var(--rd-text);
  font-family: var(--rd-font-family);
  font-weight: 600;
}
.cart-widget:hover, .auth-btn:hover, .notifications-btn:hover {
  background: var(--rd-panel);
  border-color: var(--rd-border-gold);
  color: var(--rd-text);
}
#notificationBadge {
  background: var(--rd-status-error);
  color: #fff;
}
.cart-badge {
  background: transparent;
  color: var(--rd-text);
  width: auto;
  height: auto;
  border-radius: 0;
  font-weight: 600;
}
.cart-sum { color: var(--rd-gold); }

/* Бейджи "не оплачено"/"непрочитано" на кнопке "Личный кабинет" —
   js/core/auth/auth-state.js's updateProfileBadge(). Реальная функция
   (не декоративная), только цвет переведён на статусные токены. */
.header-badge-pending { background: var(--rd-status-pending); }
.header-badge-unread { background: var(--rd-status-new); }