/* shared/theme/branding/admonitions.css
   Admonition (callout box) styling — colors and layout.
   Clean, Docker-style callouts with left border accent.

   Depends on --pg-metallic-blue, --pg-green, --pg-warning, and --pg-danger
   from colors.css — mkdocs-base.yml lists colors.css first in extra_css so
   those variables are defined before this file loads.
*/

.md-typeset .admonition,
.md-typeset details {
    border: none;
    border-left: 4px solid;
    border-radius: 4px;
    box-shadow: none;
}

.md-typeset .admonition.note,
.md-typeset details.note {
    border-left-color: var(--pg-metallic-blue);
    background-color: rgb(from var(--pg-metallic-blue) r g b / 0.1);
}

.md-typeset .admonition.tip,
.md-typeset details.tip,
.md-typeset .admonition.hint,
.md-typeset details.hint {
    border-left-color: var(--pg-green);
    background-color: rgb(from var(--pg-green) r g b / 0.1);
}

.md-typeset .admonition.warning,
.md-typeset details.warning,
.md-typeset .admonition.caution,
.md-typeset details.caution {
    border-left-color: var(--pg-warning);
    background-color: rgb(from var(--pg-warning) r g b / 0.1);
}

.md-typeset .admonition.danger,
.md-typeset details.danger,
.md-typeset .admonition.error,
.md-typeset details.error {
    border-left-color: var(--pg-danger);
    background-color: rgb(from var(--pg-danger) r g b / 0.1);
}

.md-typeset .admonition.info,
.md-typeset details.info {
    border-left-color: var(--pg-metallic-blue);
    background-color: rgb(from var(--pg-metallic-blue) r g b / 0.1);
}

/* Dark mode admonition backgrounds */
[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset details.note,
[data-md-color-scheme="slate"] .md-typeset .admonition.info,
[data-md-color-scheme="slate"] .md-typeset details.info {
    background-color: rgb(from var(--pg-metallic-blue) r g b / 0.2);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip,
[data-md-color-scheme="slate"] .md-typeset details.tip,
[data-md-color-scheme="slate"] .md-typeset .admonition.hint,
[data-md-color-scheme="slate"] .md-typeset details.hint {
    background-color: rgb(from var(--pg-green) r g b / 0.2);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.warning,
[data-md-color-scheme="slate"] .md-typeset details.warning,
[data-md-color-scheme="slate"] .md-typeset .admonition.caution,
[data-md-color-scheme="slate"] .md-typeset details.caution {
    background-color: rgb(from var(--pg-warning) r g b / 0.15);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.danger,
[data-md-color-scheme="slate"] .md-typeset details.danger,
[data-md-color-scheme="slate"] .md-typeset details.error,
[data-md-color-scheme="slate"] .md-typeset .admonition.error {
    background-color: rgb(from var(--pg-danger) r g b / 0.15);
}