/* Varustevaraamo / Varusteskanneri icon helpers v4 */
:root {
  --vv-color-primary: #253764;
  --vv-color-red: #bc2134;
  --vv-color-blue: #0074c7;
  --vv-color-green: #119446;
  --vv-color-light-green: #a6c844;
  --vv-color-yellow: #ffd143;
  --vv-color-forest: #1f5a40;
  --vv-color-moss: #8aa36f;
  --vv-color-neutral: #4b5563;
  --vv-color-warning-text: #8a6400;
}

.vv-icon {
  display: inline-block;
  width: var(--vv-icon-size, 24px);
  height: var(--vv-icon-size, 24px);
  color: currentColor;
  fill: none;
  flex: 0 0 auto;
  vertical-align: -0.15em;
}

.vv-icon--xs { --vv-icon-size: 16px; }
.vv-icon--sm { --vv-icon-size: 20px; }
.vv-icon--md { --vv-icon-size: 24px; }
.vv-icon--lg { --vv-icon-size: 32px; }
.vv-icon--xl { --vv-icon-size: 44px; }
.vv-icon--hero { --vv-icon-size: 64px; }

.vv-color-primary { color: var(--vv-color-primary); }
.vv-color-red { color: var(--vv-color-red); }
.vv-color-blue { color: var(--vv-color-blue); }
.vv-color-green { color: var(--vv-color-green); }
.vv-color-yellow { color: var(--vv-color-yellow); }
.vv-color-neutral { color: var(--vv-color-neutral); }
.vv-color-forest { color: var(--vv-color-forest); }

.vv-status-free { color: var(--vv-color-green); }
.vv-status-out { color: var(--vv-color-blue); }
.vv-status-maintenance { color: var(--vv-color-red); }
.vv-status-unavailable { color: var(--vv-color-red); }
.vv-status-warning { color: var(--vv-color-warning-text); }

.vv-icon-button {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vv-icon-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}