/* Kendis brand palette + small polish for the API docs site */

:root {
  --md-primary-fg-color:        #0EA38B;
  --md-primary-fg-color--light: #13b9a0;
  --md-primary-fg-color--dark:  #0a7d6b;
  --md-accent-fg-color:         #0c8f7a;
  --kendis-ink:                 #1f2933;
}

/* Material defines footer color tokens inside the scheme selectors, so we
   must override them at the same specificity (not on :root). */
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-footer-bg-color:         #15134e;
  --md-footer-bg-color--dark:   #15134e;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #13b9a0;
  --md-accent-fg-color:         #2fd0b6;
  --md-typeset-a-color:         #2fd0b6;
}

/* Direct fallback — guarantees the prev/next nav strip matches the brand. */
.md-footer {
  background-color: #15134e;
}

/* ---------------------------------------------------------------------------
   Full-width responsive layout
   Material caps content at ~61rem and centres it. Let the header, content and
   nav use the full viewport width instead, while keeping body text readable.
--------------------------------------------------------------------------- */
.md-grid {
  max-width: 100%;          /* header + content span the full viewport */
}

/* Give the main reading column comfortable breathing room on very wide screens
   without snapping back to the old narrow, centred layout. */
@media screen and (min-width: 76.25em) {
  .md-main__inner {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
  /* Keep paragraphs readable while tables/code use the extra width. */
  .md-content {
    max-width: 100%;
  }
}

/* Tighten code styling so request/response blocks read cleanly */
.md-typeset code {
  border-radius: 4px;
}

/* HTTP method pills used in endpoint headings: <span class="http get">GET</span> */
.md-typeset .http {
  display: inline-block;
  font-family: var(--md-code-font-family, monospace);
  font-size: 0.70rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding: 0.08rem 0.5rem;
  margin-right: 0.45rem;
  border-radius: 4px;
  color: #fff;
  vertical-align: middle;
}
.md-typeset .http.get    { background: #0EA38B; }
.md-typeset .http.post   { background: #2f6fed; }
.md-typeset .http.put    { background: #d98014; }
.md-typeset .http.delete { background: #d64545; }

/* Native Material grid cards: lift on hover with a subtle brand shadow */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border-radius: 10px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 4px 18px rgba(14,163,139,0.12);
  transform: translateY(-2px);
}

/* Optional CTA button for the custom header override (overrides/partials/header.html).
   Uncomment the matching <a class="kendis-cta"> in that file to use it. */
.md-header__button.kendis-cta {
  display: inline-flex;
  align-items: center;
  margin: 0 0.4rem;
  padding: 0.3rem 0.7rem;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  color: var(--md-primary-fg-color);
  background: #fff;
  white-space: nowrap;
}
.md-header__button.kendis-cta:hover {
  opacity: 0.9;
}
.md-header{
  background: #15134e !important;
}

/* ---------------------------------------------------------------------------
   Footer (copyright bar)
   - Solid brand background
   - Copyright centred on every screen size
   - Site logo before the copyright text, 1rem gap (see overrides/partials/copyright.html)
   - Right-side social icons removed
--------------------------------------------------------------------------- */
.md-footer-meta {
  background: #15134e !important;
}
/* Centre the meta row contents on all screens */
.md-footer-meta__inner {
  justify-content: center;
}
/* Logo + copyright text: flex, centred, 1rem gap */
.kendis-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.kendis-footer-logo {
  height: 1.4rem;
  width: auto;
  display: block;
}
/* Remove the right-side social icons from the footer */
.md-footer-meta .md-social {
  display: none;
}

/* Make first-column field/parameter names monospace-friendly in tables */
.md-typeset table:not([class]) td:first-child code {
  white-space: nowrap;
}