/**
 * Can I Run It - External SVG Icon Sizing
 * Ensures all external SVG icons maintain proper dimensions
 */

/* Hero icon */
.hero-icon-wrap img.hero-icon {
  width: 32px;
  height: 32px;
  display: block;
}

/* Sidebar icon */
.sidebar-icon img,
.sidebar-icon {
  width: 40px;
  height: 40px;
  display: block;
}

/* Form field label icons */
.field-label img {
  width: 14px;
  height: 14px;
  display: block;
}

/* Select chevron */
.select-chevron img,
img.select-chevron {
  width: 16px;
  height: 16px;
  display: block;
}

/* Submit button icon */
.submit-btn img {
  width: 18px;
  height: 18px;
  display: block;
}

/* Component icons in sidebar */
.component-icon img {
  width: 18px;
  height: 18px;
  display: block;
}

/* Component status icons */
.component-status img {
  width: 14px;
  height: 14px;
  display: block;
}

/* Sidebar link icons */
.sidebar-link img {
  width: 18px;
  height: 18px;
  display: block;
}

/* Section title icons */
.section-title img {
  width: 20px;
  height: 20px;
  display: block;
}

/* Requirements card icons */
.req-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

/* Requirements status icons */
.req-status img {
  width: 16px;
  height: 16px;
  display: block;
}

/* Tip icons */
.tip img {
  width: 20px;
  height: 20px;
  display: block;
}

/* Action button icons */
.action-btn img {
  width: 18px;
  height: 18px;
  display: block;
}

/* Empty state visual */
.empty-visual img {
  width: 48px;
  height: 48px;
  display: block;
}

/* Empty feature icons */
.empty-feature img {
  width: 16px;
  height: 16px;
  display: block;
}

/* Game thumb fallback */
.game-thumb-fallback img {
  width: 48px;
  height: 48px;
  display: block;
}