/* rebind docs -- overrides on top of mdbook defaults */

:root {
  --content-max-width: 1100px;
}

/* bump base font size globally */
html {
  font-size: 18px;
}

/* arial everywhere for maximum legibility */
body,
.sidebar,
.content main,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
}

/* top menu bar -- sidebar toggle left, rest centered */
.menu-bar {
  display: flex;
  align-items: center;
}

.menu-bar .left-buttons {
  display: flex;
  align-items: center;
}

/* pull sidebar toggle out of the centered group */
#mdbook-sidebar-toggle {
  position: absolute;
  left: 8px;
}

/* center the remaining controls */
.menu-bar .left-buttons,
.menu-bar .right-buttons {
  flex: none;
}

.menu-title {
  display: none;
  flex: 0;
}

.menu-bar .right-buttons {
  margin-left: auto;
}

.menu-bar .icon-button,
.menu-bar .right-buttons a {
  margin: 0 0.4rem;
}

/* sidebar active item -- use links color, not theme-specific highlight */
.chapter li a.active,
.chapter li a:hover,
.chapter a.current-header {
  color: var(--links);
}

/* active subtree border -- thin and greyscale */
.on-this-page {
  border-inline-start: 1px solid #888;
}

/* make sidebar links the same blue as content links */
.sidebar .chapter a {
  color: var(--sidebar-fg);
}

.sidebar .chapter a:hover,
.sidebar .chapter a.active {
  color: var(--links);
}

/* sidebar */
.sidebar {
  font-size: 1em;
}

.sidebar .sidebar-scrollbox {
  padding: 10px 15px;
}

/* code blocks keep monospace */
code,
pre {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 0.9em;
}

pre > .buttons {
  opacity: 0;
}

pre:hover > .buttons {
  opacity: 1;
}

/* replace the copy icon with plain text */
pre > .buttons button.clip-button {
  background: none;
  border: none;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: var(--sidebar-fg);
  opacity: 0.6;
  padding: 2px 6px;
}

pre > .buttons button.clip-button:hover {
  opacity: 1;
}

/* hide the svg icon */
pre > .buttons button.clip-button .fa-svg {
  display: none;
}

/* hide the default tooltip */
pre > .buttons button.clip-button::before {
  display: none;
}

/* tables */
table {
  width: 100%;
  font-size: 0.92em;
}

table th {
  text-align: left;
}

/* slightly tighter line height for readability */
.content main {
  line-height: 1.7;
}

/* hide page navigation arrows (side chevrons and mobile bottom nav) */
.nav-wide-wrapper,
.nav-chapters,
.mobile-nav-chapters {
  display: none;
}

/* hide the anchor link icon on headings (the # symbol) */
.content .header:link::after,
.content .header:visited::after {
  display: none;
}

.content .header:link,
.content .header:visited {
  text-decoration: none;
  color: inherit;
}

/* hero section on the about page */
.hero {
  padding: 1rem 0 1.2rem;
}

.hero-logo {
  height: 60px;
  width: auto;
}

/* theme-aware logo: dark logo for light themes, light logo for dark themes */
.hero-logo-light {
  display: none;
}

.hero-logo-dark {
  display: inline;
}

.coal .hero-logo-dark,
.navy .hero-logo-dark,
.ayu .hero-logo-dark {
  display: none;
}

.coal .hero-logo-light,
.navy .hero-logo-light,
.ayu .hero-logo-light {
  display: inline;
}

.hero-tagline {
  margin: 0.2rem 0 0;
  font-size: 0.85em;
  opacity: 0.5;
  font-weight: 400;
}