/* Icon Size Fixes - Override large icons */

/* Global SVG size control */
svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

/* Specific overrides for different contexts */
.skill-icon svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.category-title svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.va-category-title svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.contact-method svg,
.contact-icon svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.tool-card svg,
.tool-content svg {
  width: 1rem !important;
  height: 1rem !important;
}

.strength-item svg {
  width: 1rem !important;
  height: 1rem !important;
}

.floating-element svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.social-link svg,
.social-links svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.btn svg,
.hero-buttons svg {
  width: 1rem !important;
  height: 1rem !important;
}

.project-link svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.form-message svg {
  width: 1rem !important;
  height: 1rem !important;
}

.mobile-menu-button svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.scroll-indicator svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.github-card svg,
.github-icon svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

/* Profile image icon - keep reasonable size */
.profile-inner svg {
  width: 3rem !important;
  height: 3rem !important;
}

/* Navigation icons */
nav svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

/* Override any Tailwind classes */
.w-8, .h-8,
.w-6, .h-6,
.w-5, .h-5,
.w-4, .h-4,
.w-12, .h-12,
.w-16, .h-16,
.w-32, .h-32 {
  width: inherit !important;
  height: inherit !important;
}

/* Section icons */
section svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

/* Ensure icons in buttons are properly sized */
button svg,
a svg {
  width: 1rem !important;
  height: 1rem !important;
}

/* Special case for hero section profile */
#hero .profile-inner svg {
  width: 3rem !important;
  height: 3rem !important;
}