/* Custom styles to fix accessibility issues */

/* Fix color contrast for app-name-link */
.app-name-link {
  color: #0872ba !important;
}

/* Additional styling to ensure consistency */
.app-name-link:hover {
  color: #0659a0 !important; /* Slightly darker on hover */
}

.app-name-link:visited {
  color: #0872ba !important;
}

/* Fix color contrast for section-link */
.section-link {
  color: #0872ba !important;
}

.section-link:hover {
  color: #0659a0 !important; /* Slightly darker on hover */
}

.section-link:visited {
  color: #0872ba !important;
}

/* Fix color contrast for animation presentation buttons */
/* Target buttons with blue background and white text */
a[style*="background-color:#007bff"] {
  background-color: #006ee5 !important;
}

/* Also target similar button styles that might use different syntax */
a[onclick*="window.open"][style*="background-color"] {
  background-color: #006ee5 !important;
  color: #ffffff !important;
}

/* More specific targeting for animation player buttons */
a[onclick*="animationPlayer.html"] {
  background-color: #006ee5 !important;
  color: #ffffff !important;
}

/* Target any link with the specific styling pattern */
a[style*="color:white"][style*="background-color:#007bff"] {
  background-color: #006ee5 !important;
}

/* Additional comprehensive targeting for all presentation buttons */
a[href="javascript:void(0);"][onclick*="animationPlayer.html"] {
  background-color: #006ee5 !important;
  color: #ffffff !important;
}

/* Ultra-comprehensive rule - catch any button with the problematic blue background */
a[style*="background-color:#007bff"][style*="color:white"],
a[style*="background-color:#007bff"][style*="color:#ffffff"],
a[style*="background-color:#007bff"][style*="color: white"],
a[style*="background-color:#007bff"][style*="color: #ffffff"] {
  background-color: #006ee5 !important;
  color: #ffffff !important;
}

/* Ensure hover state maintains accessibility */
a[onclick*="window.open"][style*="background-color"]:hover,
a[onclick*="animationPlayer.html"]:hover,
a[href="javascript:void(0);"][onclick*="animationPlayer.html"]:hover,
a[style*="background-color:#007bff"]:hover {
  background-color: #0056b3 !important;
}

/* Fix sidebar navigation HTML structure issues */
/* Ensure nested ul elements are properly styled after JS fix */
.sidebar-nav ul ul {
  margin-left: 0;
  padding-left: 1em;
}

/* Style the li wrappers created by JavaScript */
.sidebar-nav li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure proper spacing for nested navigation items */
.sidebar-nav ul li ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* Make sure navigation links are properly styled */
.sidebar-nav a {
  display: block;
  padding: 0.125rem 0;
}
