/* KBC-Agent docs — kleine theme tweaks bovenop Material default */

:root {
  --md-primary-fg-color: #003c83;
  --md-primary-fg-color--light: #1c5aa3;
  --md-primary-fg-color--dark: #002a5c;
  --md-accent-fg-color: #ffb500;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1c5aa3;
  --md-accent-fg-color: #ffb500;
}

/* Schermafbeeldingen krijgen een rand zodat ze losbreken van de witte achtergrond */
.md-typeset img[src*="screenshots/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  max-width: 100%;
}

/* Iets meer ruimte rond schermafbeeldingen die op een eigen regel staan */
.md-typeset p > img[src*="screenshots/"] {
  margin-block: 1em;
}

/* ----------------------------------------------------------------
   Eigen admonitie-stijlen
   ---------------------------------------------------------------- */

/* "bene" — voor inhoud die door Bene.be beheerd wordt
   (lexicon, cookie-banner, error-pages, …). KBC-blauw. */
.md-typeset .admonition.bene,
.md-typeset details.bene {
  border-color: #003c83;
}
.md-typeset .bene > .admonition-title,
.md-typeset .bene > summary {
  background-color: rgba(0, 60, 131, 0.1);
  border-color: #003c83;
}
.md-typeset .bene > .admonition-title::before,
.md-typeset .bene > summary::before {
  background-color: #003c83;
  -webkit-mask-image: var(--md-admonition-icon--bene);
          mask-image: var(--md-admonition-icon--bene);
}
:root {
  --md-admonition-icon--bene: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 17h-2v-6h2zm0-8h-2V7h2z"/></svg>');
}

/* "kbc" — voor KBC-specifieke notities (Online Order Link,
   universal links, KBC-merk-conventies). KBC-blauw met ster-icoon. */
.md-typeset .admonition.kbc,
.md-typeset details.kbc {
  border-color: #003c83;
}
.md-typeset .kbc > .admonition-title,
.md-typeset .kbc > summary {
  background-color: rgba(255, 181, 0, 0.12);
  border-color: #ffb500;
}
.md-typeset .kbc > .admonition-title::before,
.md-typeset .kbc > summary::before {
  background-color: #003c83;
  -webkit-mask-image: var(--md-admonition-icon--kbc);
          mask-image: var(--md-admonition-icon--kbc);
}
:root {
  --md-admonition-icon--kbc: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z"/></svg>');
}

/* ----------------------------------------------------------------
   Grid-cards op de homepagina en blokken-catalogus
   ---------------------------------------------------------------- */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid.cards > .card,
.md-typeset .grid > .admonition {
  transition: border 0.25s, box-shadow 0.25s;
}
.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 4px 12px rgba(0, 60, 131, 0.12);
}
.md-typeset .grid.cards > :is(ul, ol) > li > p:first-child .twemoji {
  color: var(--md-primary-fg-color);
}