/* Shared styles for the PyPI blog, dev docs and user docs.
   Published with each site via the shared theme custom_dir. */

:root, [data-md-color-scheme="default"], [data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0073b7;
  --md-primary-fg-color--light: #009ffd;
  --md-primary-fg-color--dark:  #009ffd;

  /* From warehouse/static/sass/blocks/_footer.scss */
  --md-footer-bg-color:         #0070b2;
  --md-footer-bg-color--dark:   #004d7a;
  /* Material's default (45% white) fails WCAG AA on the darker blue */
  --md-footer-fg-color--lighter: #ffffffcc;

  /* Replace Material's indigo accent (hover, focus and active states) */
  --md-accent-fg-color:              #006dad;
  --md-accent-fg-color--transparent: #006dad1a;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color:              #009ffd;
  --md-accent-fg-color--transparent: #009ffd1a;
}

/* Material's 70% opacity fails WCAG AA on the footer blue */
.md-footer__direction {
  opacity: 1;
}

[data-md-color-scheme="slate"][data-md-color-primary="indigo"] {
  --md-typeset-a-color: #009ffd;
}

.md-typeset a:hover,
.md-typeset a:focus {
  text-decoration: underline;
}

.md-typeset .headerlink,
.md-typeset .headerlink:hover,
.md-typeset .headerlink:focus,
.md-typeset :hover > .headerlink,
.md-typeset :target > .headerlink {
  color: var(--md-accent-fg-color);
  text-decoration: none;
}

/* Side menus: navigation (left) and table of contents (right) */
.md-nav__link[for]:hover,
.md-nav__link[for]:focus,
.md-nav__link[href]:hover,
.md-nav__link[href]:focus {
  text-decoration: underline;
}

/* Switcher between PyPI's web properties, above the site header */
.pypi-switcher {
  background-color: var(--md-footer-bg-color--dark);
  font-size: 0.7rem;
}

.pypi-switcher__list {
  display: flex;
  margin: 0 auto;
  padding: 0 0.2rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}

/* Match the height of Material's .md-header */
.pypi-switcher__link {
  display: flex;
  align-items: center;
  height: 2.4rem;
  padding: 0 0.6rem;
  color: #ffffff;
}

@media screen and (max-width: 44.984375em) {
  .pypi-switcher__link {
    padding: 0 0.4rem;
  }
}

.pypi-switcher__link:hover,
.pypi-switcher__link:focus {
  text-decoration: underline;
}

/* Join the active site's tab to the header below it */
.pypi-switcher__link--active {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
  font-weight: 700;
}

readthedocs-flyout { display: none; }

.md-content img:not(.md-author img) {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background: white;
}

.md-typeset .blogging-tag code {
  white-space: nowrap;
  display: block;
}

/* From warehouse/static/sass/blocks/_verified.scss */
.checked {
  color: #148024;
}