/* DDM / Data Donation Lab brand tweaks for Material for MkDocs.
   Colours and fonts mirror the previous Antora "antora-ddm-ui" theme.
   Font faces (incl. Bai Jamjuree and extra Inter/Fira Code weights) are loaded
   from overrides/main.html. */

:root {
  --ddm-teal: #009c94;
  --ddm-teal-dark: #007b74;
  --ddm-teal-darker: #005955;
  --ddm-teal-light: #5ec78d;
  --ddm-orange: #d36a45;
}

/* Custom primary/accent palette */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--ddm-teal);
  --md-primary-fg-color--light: var(--ddm-teal-light);
  --md-primary-fg-color--dark: var(--ddm-teal-dark);
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--ddm-orange);
  --md-accent-fg-color--transparent: #d36a451a;
}

.md-typeset {
  font-size: .75rem;
  line-height: 1.55;
}

/* Headings + top bar in Bai Jamjuree */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-header__title {
  font-family: "Bai Jamjuree", var(--md-text-font, "Inter"), sans-serif;
  font-weight: 600;
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
}

.md-typeset a {
  color: var(--ddm-teal-dark);
}
.md-typeset a:hover {
  color: var(--ddm-teal-darker);
}

.md-header {
  box-shadow: 0 2px 0 0 var(--ddm-orange), 0 4px 4px 0 rgba(0, 0, 0, 0.07);
}

.md-typeset dd {
  margin-left: 1.25em !important;
  margin-top: 0.5em;
}

strong {
  font-weight: 600;
}

/* Setting Details Admonition */

:root {
  --md-admonition-icon--setting-details: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cogs</title><path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z" /></svg>')
}
.md-typeset .admonition.setting-details,
.md-typeset details.setting-details {
  border: .05rem solid var(--md-typeset-table-color);
  margin-top: 1em;
}

.md-typeset details.setting-details:focus-within {
  box-shadow: 0 0 0 .2rem #c8ced91a;
}

.md-typeset h4 > code {
  font-size: .64rem;
  font-weight: 500;
}

.md-typeset .setting-details > .admonition-title,
.md-typeset .setting-details > summary {
  background-color: var(--md-default-bg-color);
}
.md-typeset .setting-details > summary {
  padding: .9375em 3.25em;
}
.md-typeset .setting-details > .admonition-title::before,
.md-typeset .setting-details > summary::before {
  background-color: var(--md-typeset-color);
  padding-top: 2.1em;
  -webkit-mask-image: var(--md-admonition-icon--setting-details);
          mask-image: var(--md-admonition-icon--setting-details);
}
.md-typeset .setting-details > summary::after {
  padding-top: 2.1em
}