/**
 * Шапка старого дизайна в цвете логотипа (все страницы, layouts/v3.php).
 * Светлая тема — слива #9a4669, тёмная — пыльная роза #e9a6bc (как в css/home-brand.css
 * и --rose темы v4). Наведение на иконки (тема, закладки, коробка, уведомления),
 * баланс и пункты меню — вместо синего.
 *
 * theme-toggle.css и dark-theme.css подключаются через clientScript и могут оказаться
 * ниже этого файла, поэтому селекторы начинаются с «html body .main-header»
 * (специфичность выше, чем у их правил).
 */

html {
    --hdr-brand: #9a4669;
    --hdr-brand-hover-bg: #f7edf2;
}

html body.dark-theme {
    --hdr-brand: #e9a6bc;
    --hdr-brand-hover-bg: #362732;
}

/* ===== Иконки справа: тема, закладки, коробка, уведомления ===== */
html body .main-header .header-icon-item .header-theme-toggle:hover,
html body .main-header .header-icon-item.bookmarks a:hover,
html body .main-header .header-icon-item .main-header-notifications:hover,
html body .main-header .header-icon-item .header-theme-toggle:focus-visible,
html body .main-header .header-icon-item.bookmarks a:focus-visible,
html body .main-header .header-icon-item .main-header-notifications:focus-visible {
    color: var(--hdr-brand);
    background: var(--hdr-brand-hover-bg) !important;
}

/* «+» (создать) — тот же цвет при наведении */
html body .main-header .main-header-create:hover {
    color: var(--hdr-brand);
}

/* ===== Пункты меню «Каталог», «Топ», «Сообщество» и пункты всех выпадающих меню шапки ===== */
html body .main-header .main-header-menu_nav-container a:hover,
html body .main-header .main-header-menu_nav-container a:focus-visible,
html body .main-header .header-item_dropbtn:hover,
html body .main-header .header-item_dropbtn:focus-visible,
html body .main-header .main-header-avatar_dropdown-menu a:hover,
html body .main-header .main-header-notifications_dropdown-menu a:hover {
    color: var(--hdr-brand);
}
/* У «Топ» цвет задан атрибутом style в layouts/v3.php — перебить можно только !important */
html body .main-header .main-header-menu_nav-container a[href="/site/top"]:hover,
html body .main-header .main-header-menu_nav-container a[href="/site/top"]:focus-visible {
    color: var(--hdr-brand) !important;
}
/* Открытое меню (класс .active ставит скрипт шапки по клику). v3.1.css даёт ему белый текст на заливке,
 * но dark-theme.css гасит фон всех .header-item_dropbtn (transparent !important) — в светлой теме надпись
 * пропадала. Подсвечиваем только текстом. */
html body .main-header .header-item_dropbtn.active {
    color: var(--hdr-brand);
}

/* ===== Деньги: значок-карта «/payments» в меню, баланс рядом с монеткой ===== */
html body .main-header .main-header-menu_nav-container a[href="/payments"] {
    color: var(--hdr-brand);
}

html body .main-header .main-header-balance a,
html body .main-header .main-header-balance a > span {
    color: var(--hdr-brand);
}
html body .main-header .main-header-avatar_dropdown-menu_payments-balance,
html body .main-header .main-header-avatar_dropdown-menu_payments-balance span {
    color: var(--hdr-brand);
}
html body .main-header .main-header-balance a:hover > span {
    text-decoration: underline;
    text-underline-offset: 2px;
}