/* Icon System - Monochromatic SVG Icons
   Using primary-blue-dark (#1E3A5F) for consistency */

.icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon-lg {
  width: 2.5em;
  height: 2.5em;
}

.icon-xl {
  width: 3em;
  height: 3em;
}

/* Service card icons */
.service-icon {
  font-size: 1rem;
  color: var(--primary-blue-dark);
}

.service-icon .icon {
  width: 48px;
  height: 48px;
}

/* Contact icons */
.contact-icon {
  color: var(--primary-blue-dark);
}

.contact-icon .icon {
  width: 32px;
  height: 32px;
}

/* Credential icons */
.credential-icon {
  color: var(--primary-blue-dark);
}

.credential-icon .icon {
  width: 48px;
  height: 48px;
}

/* Benefit icons on careers page */
.benefit-icon {
  color: var(--primary-blue-dark);
}

.benefit-icon .icon {
  width: 48px;
  height: 48px;
}

/* Gallery placeholder icons */
.gallery-placeholder .icon {
  width: 64px;
  height: 64px;
  color: var(--primary-blue);
}

/* Nav phone icon */
.nav-phone-icon .icon {
  width: 20px;
  height: 20px;
}

/* Comparison card headers */
.comparison-card h3 .icon {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}