/* ─────────────────────────────────────────────────────────────────────────
   Автомак · логотип и эмблема
   Единственный размерный параметр — --am-size: диаметр эмблемы в px.
   Всё остальное считается от него, поэтому логотип нельзя «разъехать».
   Цвета берутся из существующих токенов --ink и --accent.
   ───────────────────────────────────────────────────────────────────────── */

.am-logo{
  --am-size:40px;
  display:inline-flex;
  align-items:center;
  gap:calc(var(--am-size) * .13);
  line-height:1;
  color:var(--ink);
  text-decoration:none;
  white-space:nowrap;
}

.am-logo__mark{
  flex:none;
  width:var(--am-size);
  height:var(--am-size);
  color:var(--accent);
}

.am-logo__word{
  font-family:"Prata", Georgia, "Times New Roman", serif;
  font-weight:400;
  font-size:calc(var(--am-size) * .575);   /* прописные = 46% диаметра эмблемы */
  letter-spacing:.06em;
  color:inherit;
}
.am-logo__word b{ font-weight:400; color:var(--accent); }

/* Вертикальная версия — для узких форматов */
.am-logo--v{
  flex-direction:column;
  gap:calc(var(--am-size) * .10);
}
.am-logo--v .am-logo__word{
  font-size:calc(var(--am-size) * .425);
  letter-spacing:.10em;
}

/* Одна краска: тиснение, вырубка, фото, печать в один цвет.
   Цвет задаётся на самом элементе — color: #f8fbff или color: #071a33 */
.am-logo--mono,
.am-logo--mono .am-logo__mark,
.am-logo--mono .am-logo__word b{ color:currentColor; }

/* Охранное поле: четверть диаметра эмблемы со всех сторон.
   Вешается на обёртку логотипа, если рядом плотно стоят другие элементы. */
.am-logo-safe{ padding:calc(var(--am-size, 40px) * .25); }

/* ─── Плашка: иконка приложения, аватар, фавикон ────────────────────────
   Только для иконок. В горизонтальном и вертикальном логотипе плашки нет. */
.am-tile{
  --am-size:64px;
  flex:none;
  width:var(--am-size);
  height:var(--am-size);
  border-radius:calc(var(--am-size) * .23);
  background:linear-gradient(165deg, #1c6fc7, #0f2c52);
  box-shadow:inset 0 0 0 1px rgba(158,198,242,.30);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}
.am-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(70% 70% at 28% 18%, rgba(110,175,255,.50), transparent 70%);
}
.am-tile > svg{
  position:relative;
  z-index:1;
  width:62%;
  height:62%;
  color:#f8fbff;
}

/* Минимальные размеры. Ниже этих значений — упрощённая эмблема
   (#am-emblem-compact) или, для 16–20 px, готовый favicon. */
@media (max-width:520px){
  .am-logo{ --am-size:32px; }
}

/* ─── Врезка в каркасы Автомака (С61) ───────────────────────────────────
   Правила nav.top a / header.top a красят ссылки шапки в --ink-soft и на
   hover — целиком в акцент; логотип двухцветный: слово держит --ink,
   «МАК» — акцент и при наведении. Отступ 12px нёс старый .brand; на
   телефоне отступ и размер задаёт мобильный слой (et-mobile.css) — здесь
   его не перебивать. */
nav.top a.am-logo, header.top a.am-logo{ color:var(--ink) }
nav.top a.am-logo:hover, header.top a.am-logo:hover{ background:var(--accent-ghost); color:var(--ink) }
/* Оптическая центровка слова (С62, жалоба владельца «не по центральной
   линии»): АВТОМАК — капс без нижних выносных, а шрифтовая строка резервирует
   под них место, поэтому ЧЕРНИЛА всплывали на 7% диаметра выше центра
   эмблемы (замер canvas-метриками Prata: ink-центр −2px при size 28).
   Сдвиг пропорционален размеру и выравнивает чернильные центры. */
.am-logo--h .am-logo__word{ position:relative; top:calc(var(--am-size) * .07) }
@media (min-width:761px){
  nav.top a.am-logo, header.top a.am-logo{ margin-right:12px }
}