/* Fix blue highlighting elements */

/* About section hover border fix */
.about-content:hover {
  transform: none;
  box-shadow: none !important;
  border-color: transparent !important;
}

.quote-banner:hover {
  background-color: var(--darker-bg);
  transform: scale(1.01);
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Journey skills */
.journey-skill {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  text-shadow: none !important;
}

.journey-card:hover .journey-skill {
  background-color: rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1) !important;
}

/* Journey period */
.journey-period {
  color: rgba(255, 255, 255, 0.7) !important;
}

.journey-card:hover .journey-period {
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}

/* Details toggle */
.details-toggle {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Journey summary */
.journey-summary {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Extended details bullet points */
.extended-details ul li::before {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Removed typewriter animation in favor of animated line */

/* Fix card hover border and effects */
.journey-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.portfolio-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.skill-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Fix any other blue elements */
.skill-keyword {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  text-shadow: none !important;
}

.skill-card:hover .skill-keyword {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.skill-category {
  color: rgba(255, 255, 255, 0.8) !important;
}