/* ШАПКА НА МЫШИ И КЛАВИАТУРЕ — в общем языке переделки.

   До этого файла шапка оставалась от старой темы: белая карточка с радиусом
   20, прозрачные иконки и подсветка ссылок бледно-синей заливкой. Рядом с
   плитками каталога, кнопками и шторками, которые уже живут в неоморфе, она
   читалась как кусок другого сайта.

   Правило одно: поверхность — тон ХОЛСТА (--bg), форму держит свет. Белого
   в шапке больше нет. Кирпичи те же, что у кнопок плитки и шторок:
   приподнятый рельеф 3/4/9 + −3/−3/8, нажатие — вдавленность.

   Телефон не трогаем: там своя шапка (include/tc-mobile-header.php) и своя
   раскладка, и она уже доведена. Отсюда гейт @media (min-width: 900px) на
   весь файл.

   Подключается в header.php ПОСЛЕ redesign.css: там шапка описана с
   !important в броне старой темы, и перебить её можно только порядком. */

@media (min-width: 900px) {

  /* ── Плита ────────────────────────────────────────────────────────────
     Одна и та же на главной (поверх hero) и на внутренних: держать два вида
     незачем, --inverted остаётся только ради тёмных глифов. Тень мягкая и
     направленная вниз — плита лежит НАД страницей, а не висит в рамке. */
  body.page-redesign .site-header .header-inner,
  body.page-redesign .site-header--inverted .header-inner {
    background: var(--bg) !important;
    border-radius: 18px;
    box-shadow:
      6px 8px 20px rgba(16, 32, 64, .16),
      -5px -6px 16px rgba(255, 255, 255, .9) !important;
  }

  /* ── Иконки ───────────────────────────────────────────────────────────
     Круглые кнопки того же рельефа, что «в корзину» на плитке товара: одна
     фигура на весь сайт. Прозрачные глифы с синей подсветкой ушли. */
  body.page-redesign .site-header .h-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg) !important;
    box-shadow:
      3px 4px 9px rgba(16, 32, 64, .13),
      -3px -3px 8px rgba(255, 255, 255, .95);
    transition:
      box-shadow var(--t-base, .24s) var(--ease, cubic-bezier(.2, .7, .2, 1)),
      transform var(--t-base, .24s) var(--ease, cubic-bezier(.2, .7, .2, 1));
  }

  body.page-redesign .site-header .h-icon + .h-icon,
  body.page-redesign .site-header .h-search + .h-icon { margin-left: 10px; }

  /* Наведение приподнимает, нажатие продавливает — так же, как плитка. */
  body.page-redesign .site-header .h-icon:hover {
    transform: translateY(-1px);
    box-shadow:
      4px 6px 12px rgba(16, 32, 64, .16),
      -3px -4px 10px rgba(255, 255, 255, .95);
  }
  body.page-redesign .site-header .h-icon:active {
    transform: none;
    box-shadow:
      inset 2px 3px 6px rgba(16, 32, 64, .16),
      inset -2px -2px 5px rgba(255, 255, 255, .9);
  }

  body.page-redesign .site-header .h-icon img {
    width: 19px;
    height: 19px;
    /* Глифы одного тона с текстом: разноцветные иконки из старой темы
       спорили со знаком, залитым фирменным градиентом. */
    filter: none;
    opacity: .72;
    transition: opacity var(--t-base, .24s) ease;
  }
  body.page-redesign .site-header .h-icon:hover img { opacity: 1; transform: none; }

  /* Счётчик корзины — на кромке кнопки, а не поверх глифа. */
  body.page-redesign .site-header .h-badge {
    top: -2px;
    right: -2px;
  }

  /* ── Навигация ────────────────────────────────────────────────────────
     Пункт подсвечивается вдавленной канавкой, а не бледной заливкой: это тот
     же язык, что у выбранной плитки сортировки (.m-sort-cat). */
  body.page-redesign .site-header .site-nav a {
    border-radius: 999px;
    transition:
      box-shadow var(--t-base, .24s) ease,
      color var(--t-base, .24s) ease;
  }
  body.page-redesign .site-header .site-nav a:hover,
  body.page-redesign .site-header .site-nav a:focus-visible {
    background: transparent !important;
    color: var(--blue) !important;
    box-shadow:
      inset 2px 3px 6px rgba(16, 32, 64, .13),
      inset -2px -2px 5px rgba(255, 255, 255, .9);
  }

  /* ── Сжатие при прокрутке ─────────────────────────────────────────────
     Шапка подъезжает к кромке экрана и теряет поля — тогда и скругление
     должно уйти, иначе между плитой и краем окна остаётся светлый клин. */
  body.page-redesign.header-scrolled:not(.header-hidden) .site-header .header-inner {
    border-radius: 0 0 18px 18px;
  }
}