/* VoxClinic - Icon helpers (SVG sprite + Font Awesome) */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/fontawesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/solid.min.css');

.icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -0.18em;
  color: currentColor;
}

.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 28px; height: 28px; }

.icon-muted { color: #64748b; }

.icon-btn {
  margin-right: 0.5rem;
}

.icon-stack {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: currentColor;
}

.fa-icon.fa-sm { font-size: 0.95rem; }
.fa-icon.fa-md { font-size: 1.15rem; }
.fa-icon.fa-lg { font-size: 1.45rem; }

.fa-icon-btn {
  margin-right: 0.5rem;
}
