/* ============================================================
   Leahy Consulting Documentation hub — Material overrides.
   Matches pulse-extra.css used by the product doc sites, plus the
   hub's brand components (figures, logo banners, logo strip, cards).
   ============================================================ */

/* ── Brand colour overrides ── */
:root {
  --md-primary-fg-color: #4051B5;
  --md-primary-fg-color--light: #5D6CC0;
  --md-primary-fg-color--dark: #303FA1;
  --md-accent-fg-color: #526CFE;
  --pulse-danger: #EF5350;
  --pulse-warn: #FFA726;
  --pulse-success: #66BB6A;
}

/* ── Navigation tweaks (same as doc sites) ── */
.md-nav__title { font-weight: 700; }
.md-sidebar--primary { border-right: 1px solid var(--md-default-fg-color--lightest); }

/* ── Table improvements (same as doc sites) ── */
.md-typeset table:not([class]) {
  width: 100%;
  border-collapse: collapse;
}
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: #fff;
  padding: .5rem .75rem;
}
.md-typeset table:not([class]) td { padding: .45rem .75rem; }
.md-typeset table:not([class]) tr:nth-child(even) td {
  background-color: var(--md-code-bg-color);
}

/* ── Front-page product cards ── */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > :is(ul, ol) > li {
  border-radius: 8px;
}
.md-typeset .grid.cards img.card-logo {
  height: 30px;
  width: auto;
  max-width: 100%;
  display: inline-block;
  margin: .1rem 0;
}

/* ── Product page masthead (official wordmark, borderless) ── */
.md-typeset img.product-mark {
  display: block;
  max-width: min(460px, 100%);
  height: auto;
  margin: .2rem 0 1rem;
}
/* the official wordmark IS the page caption — hide the auto-title above it */
.md-typeset h1:has(+ p > img.product-mark) { display: none; }
[data-md-color-scheme="slate"] .md-typeset img.product-mark {
  background: #fff;
  border-radius: 8px;
  padding: .6rem .9rem;
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards img.card-logo {
  background: #fff;
  border-radius: 6px;
  padding: .25rem .5rem;
  height: 34px;
}

/* ── Screenshot figures ── */
.md-typeset figure.figure {
  margin: 1.1rem 0 1.5rem;
  max-width: 100%;
}
.md-typeset figure.figure img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  background: #fff;
}
.md-typeset figure.figure figcaption {
  font-size: .68rem;
  color: var(--md-default-fg-color--light);
  margin-top: .45rem;
  text-align: left;
  max-width: none;
}

/* ── Official product wordmark banner ── */
.md-typeset .logo-banner {
  background: #fff;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  padding: 1.1rem 1.3rem;
  margin: 1rem 0 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-typeset .logo-banner img { max-width: min(420px, 100%); height: auto; display: block; }

/* ── Partner / marketplace logo strip ── */
.md-typeset .logo-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.6rem;
  align-items: center;
  background: #fff;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  padding: 1rem 1.25rem;
  margin: .5rem 0 1.4rem;
}
.md-typeset .logo-strip img { height: 24px; width: auto; }

/* ── Wide brand photo band ── */
.md-typeset figure.banner-photo { margin: 2rem 0 0; max-width: 100%; }
.md-typeset figure.banner-photo img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}
.md-typeset figure.banner-photo figcaption {
  font-size: .68rem;
  color: var(--md-default-fg-color--light);
  margin-top: .45rem;
  text-align: left;
  max-width: none;
}

/* ── Dark scheme: keep white surfaces for brand assets ── */
[data-md-color-scheme="slate"] .md-typeset .logo-banner,
[data-md-color-scheme="slate"] .md-typeset .logo-strip,
[data-md-color-scheme="slate"] .md-typeset figure.figure img { background: #fff; }

/* ── Combined caption/fieldname column style (MRP tables) ── */
.md-typeset .field-name {
  display: block;
  font-family: var(--md-code-font-family, monospace);
  font-size: 0.72em;
  opacity: 0.75;
  margin-top: 1px;
}