/* MIR — метка города на карточке автопарка (.av-card__city).
   Показывается только там, где листинг смешан по городам: главная, страна, штат.
   Подключается из functions.php тем же условием, которым тема решает печатать её
   в разметке (arenda_fleet_card_city_shown) — один источник, два потребителя.

   НОВЫХ ЗНАЧЕНИЙ НЕТ НИ ОДНОГО. Всё взято у соседа по той же фотографии —
   .av-card__hit (assets/arenda.css:156-157), это второй бейдж карточки:

   | свойство            | источник                | значение          |
   |---------------------|-------------------------|-------------------|
   | position/отступ 12px| .av-card__hit           | absolute, 12px    |
   | фон / цвет          | .av-card__hit           | var(--ink) / #fff |
   | кегль / начертание  | .av-card__hit           | 12px / 600        |
   | паддинг / радиус    | .av-card__hit           | 6px 12px / 30px   |
   | inline-flex, gap 5px| .mir-rvw__city          | значок + текст    |

   Отличий от .av-card__hit ровно два, и оба вынужденные:
   1. УГОЛ. Верхние два угла фотографии заняты: класс слева (.av-card__badge),
      «TOP PICK» справа (.av-card__hit). Свободен нижний — bottom вместо top.
      Логическое inset-inline-start, а не left: у темы есть RTL-ветка (assets/rtl.css).
   2. БЕЗ letter-spacing:.04em. Разрядка у .av-card__hit стоит под КАПС «TOP PICK»;
      название города пишется словом, и разрядка его рвёт.

   ⚠️ #allrecords a{color:#ff8562} (Tilda) бьёт по специфичности любое правило по классу,
   но красит сам <a>, а не потомка со своим color. Метка лежит ВНУТРИ ссылки-фотографии,
   поэтому color задан явно — как у .av-card__badge и .av-card__hit. Замерено из DOM
   (docs/11-city-badge-faq.md §3): rgb(255,255,255), не оранжевый. */

.av-card__city{position:absolute;bottom:12px;inset-inline-start:12px;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--ink);color:#fff;font-size:12px;font-weight:600;
  padding:6px 12px;border-radius:30px}
.av-card__city svg{flex:0 0 auto}

/* ⚠️ ЗАМЕР ПОЙМАЛ ТО, ЧЕГО НЕ ВИДНО В КОДЕ. В донорской карточке svg в медиа-блоке
   был ровно один — СИЛУЭТ авто на карточке без фотографии, и правило под него
   написано по тегу: .av-card__media svg{width:70%;height:auto} (arenda.css:141).
   Пин метки лёг в тот же медиа-блок и подцепил это правило: замер элемента
   (Playwright, getBoundingClientRect) дал метку 80×51 px вместо 26 px по высоте —
   значок размером с четверть фотографии. В разметке и в моём CSS всё было верно,
   видно только по числам из DOM. Возвращаем размер, заданный атрибутами тега,
   селектором с более высоким весом: два класса + тег (0,2,1) против класса + тега
   (0,1,1). Замер после правки — 66×25 px, значок 13×13. */
.av-card__media .av-card__city svg{width:13px;height:13px}