/* Icon Styles - Unicode and CSS-based icons */

.icon {
  display: inline-block;
  font-style: normal;
  line-height: 1;
}

/* Menu Icon */
.icon-menu::before {
  content: '☰';
  font-size: 1.5rem;
}

/* Check Icon */
.icon-check::before {
  content: '✓';
  color: var(--primary, #E91E63);
}

/* Arrow Left Icon */
.icon-arrow-left::before {
  content: '←';
  margin-right: 0.5rem;
}

/* Location/Map Pin Icon */
.icon-location::before {
  content: '📍';
}

/* Phone Icon */
.icon-phone::before {
  content: '📞';
}

/* Email Icon */
.icon-email::before {
  content: '✉';
}

/* Time/Clock Icon */
.icon-time::before {
  content: '🕐';
}

/* Building Icon */
.icon-building::before {
  content: '🏢';
}

/* Palette Icon */
.icon-palette::before {
  content: '🎨';
}

/* Briefcase Icon */
.icon-briefcase::before {
  content: '💼';
}

/* Computer Icon */
.icon-computer::before {
  content: '💻';
}

/* Chart Icon */
.icon-chart::before {
  content: '📊';
}

/* Icon container for styled icons */
.icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

/* Alternative: CSS-based simple icons */
.icon-check-alt {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
}

.icon-check-alt::before,
.icon-check-alt::after {
  content: '';
  position: absolute;
  background: currentColor;
}

.icon-check-alt::before {
  width: 0.25em;
  height: 0.6em;
  bottom: 0.2em;
  left: 0.35em;
  transform: rotate(45deg);
}

.icon-check-alt::after {
  width: 0.25em;
  height: 0.35em;
  bottom: 0.45em;
  left: 0.1em;
  transform: rotate(-45deg);
}