/* =========================================================================
   base.css — дополнения к style-guide.css (не дублировать существующие классы)
   ========================================================================= */

::selection {
  background: var(--color-accent);
  color: var(--color-dark);
}

/* Утилита: колоночный флекс (упомянута в UI_KIT п.14 как "добавить при вёрстке") */
.flex--column {
  flex-direction: column;
}

/* Активный чип-фильтр (проекты/каталоги) */
.chip--active {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-dark);
  font-weight: 600;
}

/* Обёртка карты Яндекс.Карт (контакты/о компании) */
.map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-light-2);
}

@media (max-width: 767px) {
  .map {
    aspect-ratio: 4 / 3;
  }
}

.map iframe,
.map__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  font-size: var(--fs-small);
  text-align: center;
  padding: var(--gap-md);
}

/* Общие фото-заглушки, где нет media-обёртки карточки */
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Небольшой вертикальный ритм внутри секций для списков/абзацев без готовых классов */
.stack > * + * {
  margin-top: var(--gap-md);
}

.stack--sm > * + * {
  margin-top: var(--gap-sm);
}