/* Landing-page layout overrides are versioned separately to avoid stale theme caches. */
.md-sidebar--secondary[hidden] {
  display: none !important;
}

.md-sidebar--primary[hidden] {
  display: none !important;
}

.ihl-hero .md-button:not(.md-button--primary) {
  border-color: rgba(241, 244, 247, 0.34);
  color: #f1f4f7;
}

/* The visible documentation tree is scoped to the active product by product-nav.js. */
.md-sidebar--primary .ihl-nav-hidden {
  display: none !important;
}

.md-sidebar--primary .ihl-nav-home-product > .md-nav {
  display: none !important;
}

.md-sidebar--primary .ihl-nav-home-product > a.md-nav__link,
.md-sidebar--primary .ihl-nav-home-product > .md-nav__container > a.md-nav__link {
  pointer-events: auto;
  cursor: pointer;
}

.md-sidebar--primary .ihl-nav-current-product > .md-nav {
  display: block !important;
}

.md-sidebar--primary .ihl-nav-current-product > .md-nav__link {
  color: var(--md-accent-fg-color);
  font-weight: 700;
}

@media screen and (min-width: 76.25em) {
  .md-grid {
    max-width: none;
  }

  .md-main__inner {
    padding-left: 0.4rem;
    padding-right: 1.15rem;
  }

  .md-sidebar--primary {
    width: 13.5rem;
    padding-left: 0;
    border-right: 1px solid var(--ihl-line);
    background:
      linear-gradient(180deg, rgba(74, 90, 103, 0.08), rgba(74, 90, 103, 0) 20rem),
      var(--md-default-bg-color);
  }

  .md-sidebar--primary .md-sidebar__scrollwrap {
    margin-left: 0;
    margin-right: 0.65rem;
  }

  .md-sidebar--primary .md-nav--primary > .md-nav__list {
    padding-left: 0.25rem;
  }

  .md-content {
    max-width: none;
    padding-left: 0.85rem;
  }
}