/* =======================================================================
   icons.css — стили для SVG-иконок (спрайт icons/sprite.svg, набор Lucide).
   Использование в разметке:
     <svg class="ic"><use href="icons/sprite.svg#i-search"/></svg>
   Иконка наследует цвет (currentColor) и размер (1em) от родителя — ставится
   рядом с текстом кнопки/подписи и ровно с ним выравнивается.
   ======================================================================= */
.ic {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.15em;        /* выравнивание по базовой линии текста */
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}
/* Заливные иконки (play и подобные) — перебивают stroke-настройку */
.ic.ic--fill {
  fill: currentColor;
  stroke: none;
}

/* Кнопка «только иконка» — квадратная ячейка, иконка по центру */
.ic-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: calc(1em + 14px);   /* 30px при базовом font-size 16px */
  height: calc(1em + 14px);
  line-height: 1;
}
/* Иконка перед текстом кнопки/меню — отступ */
.ic-text {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
}