/* Custom fixes for MASS Consulting website */

/* Sidebar visibility improvements - darker background for better contrast */
#sidebar {
  background: #081e22 !important; /* Darker version of original #0B2E33 */
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3); /* Add shadow for depth */
}

/* Button readability improvements */
.button {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: solid 2px rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.button:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Primary button improvements */
.button.primary {
  background-color: #ffffff !important;
  color: #0B2E33 !important;
  border: solid 2px #ffffff !important;
  font-weight: bold;
}

.button.primary:hover {
  background-color: #f0f8ff !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.3);
}

/* Sidebar navigation link improvements */
#sidebar nav a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 500;
}

#sidebar nav a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

#sidebar nav a.active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Footer improvements */
#footer {
  background: linear-gradient(135deg, #1a2a2e 0%, #16213e 100%) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}

#footer .inner {
  padding: 2em 0 2em 2em;
}

#footer .menu li {
  color: rgba(255, 255, 255, 0.7) !important;
}

#footer .menu a {
  color: rgba(255, 255, 255, 0.9) !important;
  transition: color 0.3s ease;
  text-decoration: none;
}

#footer .menu a:hover {
  color: #ffffff !important;
}