/* Sidebar link buttons */
.sidebar-links {
  padding: 16px;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Shared button base */
.btn-sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-sidebar:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

/* GitHub — dark/slate */
.btn-sidebar--github {
  background: #24292e;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.btn-sidebar--github:hover {
  background: #2f363d;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  color: #fff;
}

/* Website — indigo */
.btn-sidebar--website {
  background: #4f46e5;
  color: #fff;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3);
}

.btn-sidebar--website:hover {
  background: #6366f1;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.45);
  color: #fff;
}

/* Buy Me a Coffee — yellow (matches dillonfrawley.com) */
.btn-sidebar--coffee {
  background: #ffdd00;
  color: #000;
  box-shadow: 0 2px 8px rgba(255, 221, 0, 0.3);
}

.btn-sidebar--coffee:hover {
  background: #ffed4a;
  box-shadow: 0 4px 16px rgba(255, 221, 0, 0.5);
  color: #000;
}

/* Dark mode — GitHub and website stay the same, no overrides needed */

/* Hide on mobile drawer */
@media screen and (max-width: 76.1875em) {
  .sidebar-links {
    display: none;
  }
}

/* Mermaid diagram containers — scrollable when overflowing */
.mermaid {
  overflow-x: auto;
}