/* ═══════════════════════════════════════════════════════════════════════════
   DESIGN 2.0 — ИКОНКИ ШАПКИ: скин единого SVG-языка (design2-headicons.css)
   Пара к design2-headicons.js (16.09, AI-2). Замысел — там, тут — только скин:

   1) АВАТАР: эмодзи «пользователь» рисуется псевдоэлементом
      .shop-ib--av::after (shop.css) — гасим ТОЛЬКО при живом оверлее
      (body.d2-hicons-on, паттерн d2-search-on): без JS эмодзи остаётся;
      вместо него — белый силуэт (svg вставляет JS, цвет задаёт здесь);
   2) ЦВЕТ ГЛИФОВ: единый спокойный графит (токен --ink-2), ховер —
      чернильный (--ink); ТЁМНАЯ ТЕМА — тёплый светлый (#C7BFB4 → #EDE8E0)
      самодостаточно (как §6 design2-search.css): чинит живой баг
      «currentColor чёрный на #211E1A — глаз невидим» (shop-dark.css
      красит кнопкам фон, но не цвет);
   3) ГЕОМЕТРИЯ: svg — block (без базлайновых сдвигов), микротранзишн
      цвета для мягкого ховера;
   4) режим комментирования ВКЛ (.shop-ib--rev.on, жёлтый) — глиф
      чернильный и в светлой, и в тёмной (янтарь цвета не меняет —
      правило 2.0).

   Значения — канон прототипа design2.html; var() с фолбэками —
   файл самодостаточен, порядок загрузки некритичен.
   Откат: убрать <link> + <script> из HTML, rm assets/design2-headicons.*
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ 1. ЦВЕТ ГЛИФОВ: единый графит, ховер — чернильный ═══ */
body.d2-hicons-on #shop-header .shop-ib,
body.d2-hicons-on #shop-header .wg-notify-btn{
  color:var(--ink-2, #5B616E);
  transition:color .15s ease, background .15s ease;
}
body.d2-hicons-on #shop-header .shop-ib:hover,
body.d2-hicons-on #shop-header .wg-notify-btn:hover{
  color:var(--ink, #16181D);
}
/* режим комментирования ВКЛ — жёлтая плашка, глиф чернильный */
body.d2-hicons-on #shop-header .shop-ib--rev.on{
  color:var(--amber-ink, #16181D);
}

/* ═══ 2. АВАТАР: ::after-эмодзи гасим, белый силуэт на градиенте ═══ */
body.d2-hicons-on #shop-header .shop-ib--av{color:#FFFFFF}
body.d2-hicons-on #shop-header .shop-ib--av::after{content:none}

/* ═══ 3. ГЕОМЕТРИЯ: block, без базлайна ═══ */
body.d2-hicons-on #shop-header .shop-ib svg,
body.d2-hicons-on #shop-header .wg-notify-btn svg{display:block}

/* ═══ 4. ТЁМНАЯ ТЕМА (самодостаточно — работает и без design2-dark.css) ═══ */
html[data-theme="dark"] body.d2-hicons-on #shop-header .shop-ib,
html[data-theme="dark"] body.d2-hicons-on #shop-header .wg-notify-btn{
  color:#C7BFB4;
}
html[data-theme="dark"] body.d2-hicons-on #shop-header .shop-ib:hover,
html[data-theme="dark"] body.d2-hicons-on #shop-header .wg-notify-btn:hover{
  color:#EDE8E0;
}
/* глаз-режим на янтарном — чернильный и в тёмной (янтарь инвариантен) */
html[data-theme="dark"] body.d2-hicons-on #shop-header .shop-ib--rev.on{
  color:#16181D;
}
/* аватар — белый силуэт на тёмном градиенте */
html[data-theme="dark"] body.d2-hicons-on #shop-header .shop-ib--av{color:#FFFFFF}