/* Consistent sizing and positioning for all skill icons */

/* Base icon sizing and positioning */
body .skill-category .direct-skill-icon i,
body .skill-category .direct-skill-icon svg {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 28px;
}

/* Base container sizing and positioning */
body .skill-category .direct-skill-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 12px;
  position: relative;
  width: 100px;
  height: 100px;
}

/* Text label positioning */
body .skill-category .direct-skill-icon span {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
}

/* Create consistent padding for icon containers */
body .skill-category .skill-icons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 15px 0;
}

/* Software Concepts section specific fixes */
body .skill-category .header-concepts + h4 + .skill-icons-container .direct-skill-icon svg {
  padding: 12px;
}

/* API Integration section specific fixes */
body .skill-category .header-api + h4 + .skill-icons-container .direct-skill-icon svg {
  padding: 12px;
}

/* Ensure all SVG icons scale proportionally */
body .skill-category .direct-skill-icon svg {
  transform-origin: center;
  transition: transform 0.3s ease;
}