.o2c-header-logo {
  background-color: #134F50;
  border-radius: 0.4rem;
}

/* Lighter font-weight and muted color for actual page links in the nav
   (leaf pages), as opposed to section toggles which stay bold for hierarchy. */
.md-nav__item:not(.md-nav__item--nested) > .md-nav__link {
  font-weight: 300;
  color: var(--md-default-fg-color--light);
}

.md-nav__item:not(.md-nav__item--nested) > .md-nav__link--active {
  font-weight: 400;
}

/* Uppercase + reduced weight/size for the two "Introduction..." section headers.
   align-items:center (instead of the default flex-start) keeps the chevron
   vertically centered even when the title text wraps onto multiple lines. */
.md-nav__link--intro {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.62rem;
  align-items: center;
}

/* Keep the toggle chevron at full size even when the (now uppercase,
   wider) title text would otherwise cause it to be squeezed by flexbox. */
.md-nav__link--intro .md-nav__icon {
  flex-shrink: 0;
}

/* Indent guide (right shift + vertical line) for the pages nested
   under "Introduction à l'outil O2C" */
.md-nav--indent-guide {
  margin-left: 0.5rem;
  padding-left: 0.6rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

/* Toggle chevrons: hidden by default, shown only on hover of the
   section header, or while the section is collapsed (as an affordance
   that there's more to expand). */
.md-nav__item--nested .md-nav__icon {
  opacity: 0;
  transition: opacity 0.15s;
}

.md-nav__item--nested > .md-nav__link:hover .md-nav__icon,
.md-nav__item--nested > .md-nav__container:hover .md-nav__icon,
.md-nav__item--nested > .md-nav__toggle:not(:checked) ~ .md-nav__link .md-nav__icon,
.md-nav__item--nested > .md-nav__toggle:not(:checked) ~ .md-nav__container .md-nav__icon {
  opacity: 1;
}

/* "On this page" secondary panel (right side): muted grey, matching the
   left nav's page links. */
.md-nav--secondary .md-nav__title,
.md-nav--secondary .md-nav__link {
  color: var(--md-default-fg-color--light);
}