/* Pardus brand palette used by pardus.github.io. */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #075b73;
  --md-primary-fg-color--light: #0b7890;
  --md-primary-fg-color--dark: #063f52;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-typeset-a-color: #08758a;
}

[data-md-color-accent="teal"] {
  --md-accent-fg-color: #26a69a;
  --md-accent-fg-color--transparent: #26a69a1a;
}

/* Keep the Material header and navigation aligned with the Pardus palette. */
.md-header,
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

/* Use the chevron to expand the two top-level document groups. */
.md-nav__item--nested > .md-nav__link.md-nav__container > a.md-nav__link[href$="Bilgi-Bankasi/"],
.md-nav__item--nested > .md-nav__link.md-nav__container > a.md-nav__link[href$="Kurumsal-Rehber/"] {
  pointer-events: none;
  cursor: default;
}

.md-typeset a:hover {
  color: var(--md-primary-fg-color--light);
}

.md-typeset img {
  border-radius: 0.2rem;
}


/* Clean, focused landing page for the help center. */
.md-content__inner > h1:first-child {
  color: var(--md-primary-fg-color--dark);
  font-weight: 700;
  letter-spacing: -0.025em;
}

.md-content__inner > p:first-of-type {
  max-width: 58rem;
  color: var(--md-default-fg-color--light);
  font-size: 1.1rem;
  line-height: 1.75;
}

.grid.cards > ul > li {
  border-top: 0.18rem solid var(--md-accent-fg-color);
}

.grid.cards > ul > li strong {
  color: var(--md-primary-fg-color--dark);
  font-size: 1.05rem;
}

/* Match expandable FAQ questions to the Pardus accent palette. */
.md-typeset details.question {
  border-color: var(--md-accent-fg-color);
}

.md-typeset details.question:focus-within {
  box-shadow: 0 0 0 0.2rem var(--md-accent-fg-color--transparent);
}

.md-typeset details.question > summary {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-primary-fg-color--dark);
}

.md-typeset details.question > summary::before {
  background-color: var(--md-accent-fg-color);
}

.md-typeset details.question > summary::after {
  background-color: var(--md-accent-fg-color);
}