/* Logo — логотип WowVendor (инстанс 11055:2306, 212×32). Две части:
   - знак-ромб (.logo__mark) — фирменный синий accent-400 (#0059de);
   - вордмарк «WOWVENDOR» (.logo__word) — currentColor, по умолчанию gray-900,
     на тёмном фоне (футер) — модификатор .logo--inverse = gray-0.
   Знак цвет не меняет (бренд-синий читается и на светлом, и на тёмном). */

.logo {
  display: inline-block;
  color: var(--color-gray-900);
  line-height: 0;
}

.logo svg {
  display: block;
  height: 32px;
  width: auto;
}

.logo--inverse { color: var(--color-gray-0); }

/* Word Only — только вордмарк, без знака (172×32). Такой логотип стоит в
   футере: знак там не показывают. Разметка берёт #logo-word вместо #logo-svg
   (у символа сдвинут viewBox), поэтому CSS здесь только про размер. */
.logo--word-only svg { height: 32px; }

.logo__word path { fill: currentColor; }
.logo__mark path { fill: var(--color-accent-400); }