/* Ivanhoe custom SVG icon system
 * Gebruikt <use href="/icons/sprite.svg#iv-..."> referenties.
 * Iconen erven kleur via currentColor — zet `color: ...` op parent of icoon zelf.
 */

.iv-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
  flex-shrink: 0;
}

/* Size modifiers */
.iv-icon-sm { width: 0.875em; height: 0.875em; }
.iv-icon-lg { width: 1.5em; height: 1.5em; }
.iv-icon-xl { width: 2em; height: 2em; }
.iv-icon-2xl { width: 3em; height: 3em; }

/* Stroke-weight modifiers (override default 2) */
.iv-icon-thin { stroke-width: 1.25; }
.iv-icon-bold { stroke-width: 2.5; }

/* Filled variant — gebruik op iconen die daarvoor ontworpen zijn */
.iv-icon-fill {
  fill: currentColor;
  stroke: none;
}

/* Color-helpers (optioneel — pas brand-kleuren aan) */
.iv-icon-gold   { color: #d97706; }
.iv-icon-red    { color: #b91c1c; }
.iv-icon-green  { color: #15803d; }
.iv-icon-muted  { color: #6b7280; }

/* Spinning helper voor laad-toestanden */
@keyframes iv-icon-spin {
  to { transform: rotate(360deg); }
}
.iv-icon-spin {
  animation: iv-icon-spin 1.2s linear infinite;
  transform-origin: center;
}