/* Final glow effect overrides to ensure consistency across all sections */

/* Make sure the glow effect is visible on all icons */
body .skill-category .direct-skill-icon:hover::before {
  opacity: 1 !important;
}

/* Base glow effect for any unhandled icons */
body .skill-category .direct-skill-icon:hover:not([class*="has-glow"])::before {
  background-color: rgba(255, 181, 72, 0.15) !important;
  box-shadow: 0 0 25px 10px rgba(255, 181, 72, 0.2) !important;
}

/* Make sure all SVG icon hover effects are properly triggered */
body .skill-category .direct-skill-icon svg {
  position: relative !important;
  z-index: 1 !important;
}

/* Always show icon names with proper contrast */
body .skill-category .direct-skill-icon span {
  color: #e6e6e6 !important; 
  margin-top: 10px !important;
  font-size: 12px !important;
  transition: color 0.3s ease !important;
}

/* Fix any potential z-index issues with the hover effect */
body .skill-category .skill-icons-container {
  position: relative !important;
  z-index: 1 !important;
}

/* Ensure all icon hover effects use the same animation timing */
body .skill-category .direct-skill-icon i,
body .skill-category .direct-skill-icon svg,
body .skill-category .direct-skill-icon::before,
body .skill-category .direct-skill-icon i::after,
body .skill-category .direct-skill-icon svg::after {
  transition: all 0.3s ease !important;
}

/* Make sure Software Concepts section icons match other sections */
body .skill-category .header-concepts + h4 + .skill-icons-container .direct-skill-icon:hover span,
body .skill-category .header-api + h4 + .skill-icons-container .direct-skill-icon:hover span {
  color: var(--orange-yellow-crayola) !important;
}

/* Fix any potential missing hover effects */
body .skill-category .header-concepts + h4 + .skill-icons-container .direct-skill-icon svg,
body .skill-category .header-api + h4 + .skill-icons-container .direct-skill-icon svg {
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

body .skill-category .header-concepts + h4 + .skill-icons-container .direct-skill-icon:hover svg,
body .skill-category .header-api + h4 + .skill-icons-container .direct-skill-icon:hover svg {
  transform: scale(1.1) !important;
  filter: brightness(1.2) saturate(1.2) !important;
}