/* ---- accent color (matches the plain-HTML version) ---- */
:root { --accent: #0a5275; }
a { color: var(--accent); }
h1, h2, h3 { letter-spacing: -0.01em; }

/* ---- left sidebar profile (shown on every page) ---- */
#quarto-sidebar .sidebar-header { text-align: center; }

#quarto-sidebar .sidebar-logo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 6px auto 8px;
  box-shadow: 0 3px 12px rgba(10, 30, 60, 0.15);
}

.sidebar-logo-link { display: block; text-align: center; }

/* name, injected under the photo */
.sidebar-logo-link::after {
  content: "Marco J. W. Kotschedoff";
  display: block;
  font-weight: 700;
  font-size: 1.05rem;
  color: #1f2933;
  line-height: 1.25;
  margin-top: 4px;
}

/* position, injected above the social icons */
.sidebar-tools-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-tools-main::before {
  content: "Associate Professor of Marketing · KU Leuven";
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.82rem;
  color: #5b6975;
  line-height: 1.3;
  margin: 2px 0 8px;
}
.sidebar-tools-main .quarto-navigation-tool {
  font-size: 1.15rem;
  color: #5b6975;
}
.sidebar-tools-main .quarto-navigation-tool:hover { color: var(--accent); }

/* Real ORCID iD logo: replace the placeholder Bootstrap icon on every link
   pointing to orcid.org (works on both the About page and the sidebar). The
   logo is an embedded SVG, so there is no external font/CDN dependency. */
a[href*="orcid.org"] i.bi::before { content: "" !important; }
a[href*="orcid.org"] i.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSIjQTZDRTM5IiBkPSJNMjU2IDEyOGMwIDcwLjctNTcuMyAxMjgtMTI4IDEyOFMwIDE5OC43IDAgMTI4IDU3LjMgMCAxMjggMHMxMjggNTcuMyAxMjggMTI4eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04Ni4zIDE4Ni4ySDcwLjlWNzkuMWgxNS40djEwNy4xeiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMDguOSA3OS4xaDQxLjZjMzkuNiAwIDU3IDI4LjMgNTcgNTMuNiAwIDI3LjUtMjEuNSA1My42LTU2LjggNTMuNmgtNDEuOFY3OS4xem0xNS40IDkzLjNoMjQuNWMzNC45IDAgNDIuOS0yNi41IDQyLjktMzkuNyAwLTIxLjUtMTMuNy0zOS43LTQzLjctMzkuN2gtMjMuN3Y3OS40eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04OC43IDU2LjhjMCA1LjUtNC41IDEwLjEtMTAuMSAxMC4xcy0xMC4xLTQuNi0xMC4xLTEwLjFjMC01LjYgNC41LTEwLjEgMTAuMS0xMC4xczEwLjEgNC42IDEwLjEgMTAuMXoiLz48L3N2Zz4=");
}

/* Navigation lives in the top navbar; hide the sidebar's nav list so the
   sidebar shows only the profile (photo, name, position, social icons). */
#quarto-sidebar .sidebar-menu-container { display: none; }

/* active navbar link in the accent color */
.navbar .nav-link.active { color: var(--accent) !important; font-weight: 600; }