/* =============================================================
   ENVIOUS LANDSCAPING - components/icons.css
   Shared monochrome line icon treatment
   ============================================================= */

.line-icon {
  display: inline-block;
  width: 1.45rem;
  height: 1.45rem;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  flex-shrink: 0;
}

.service-card__icon {
  width: 34px;
  height: 34px;
  color: var(--color-accent);
}

.service-card__icon .line-icon {
  width: 100%;
  height: 100%;
  opacity: 0.92;
}

.ai-panel__avatar .line-icon,
.contact-card__icon .line-icon,
.slider__instruction-icon .line-icon {
  width: 100%;
  height: 100%;
}

.process-step__num .line-icon {
  width: 26px;
  height: 26px;
}