/* ============================================
   ZDRAVSTVO - Medical Icons System
   Lucide Icons - Modern Thin-Line Style
   ============================================ */

/* Icon Base Styles */
.icon {
  width: 1em;
  height: 1em;
  stroke-width: 1.5;
  stroke: currentColor;
  fill: none;
  display: inline-block;
  vertical-align: middle;
}

.icon-sm { width: 1rem; height: 1rem; }
.icon-md { width: 1.5rem; height: 1.5rem; }
.icon-lg { width: 2rem; height: 2rem; }
.icon-xl { width: 3rem; height: 3rem; }
.icon-2xl { width: 4rem; height: 4rem; }

/* Medical Service Icons */
.icon-stethoscope {
  /* Lucide: stethoscope */
  stroke-width: 1.5;
}

.icon-heart-pulse {
  /* Lucide: heart-pulse */
  stroke-width: 1.5;
}

.icon-activity {
  /* Lucide: activity */
  stroke-width: 1.5;
}

.icon-pill {
  /* Lucide: pill */
  stroke-width: 1.5;
}

.icon-syringe {
  /* Lucide: syringe */
  stroke-width: 1.5;
}

.icon-microscope {
  /* Lucide: microscope */
  stroke-width: 1.5;
}

.icon-tooth {
  /* Lucide: tooth */
  stroke-width: 1.5;
}

.icon-smile {
  /* Lucide: smile */
  stroke-width: 1.5;
}

.icon-arm-flex {
  /* Lucide: arm-flex */
  stroke-width: 1.5;
}

.icon-body {
  /* Lucide: body */
  stroke-width: 1.5;
}

/* Feature Icons */
.icon-check-circle {
  stroke-width: 2;
  color: var(--color-accent);
}

.icon-award {
  stroke-width: 1.5;
}

.icon-clock {
  stroke-width: 1.5;
}

.icon-shield-check {
  stroke-width: 1.5;
}

/* Contact Icons */
.icon-phone {
  stroke-width: 1.5;
}

.icon-mail {
  stroke-width: 1.5;
}

.icon-map-pin {
  stroke-width: 1.5;
}

.icon-calendar {
  stroke-width: 1.5;
}

/* Icon Containers */
.icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--border-radius-lg);
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-accent));
  color: var(--color-white);
  transition: all var(--transition-base);
}

.icon-container:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: var(--shadow-lg);
}