/* Adjust representation of xr.Datasets, solution by:
 https://github.com/danielfrg/mkdocs-jupyter/issues/164#issuecomment-1875664148 */
.md-typeset pre.xr-text-repr-fallback {
    display: none;
}

.md-typeset ul.xr-sections, .jupyter-wrapper .jp-OutputArea-output dl.xr-attrs {
    display: grid;
}

.md-typeset li.xr-var-item, .md-typeset ul.xr-var-list {
    display: contents;
}

.md-typeset .xr-section-details {
    display: none;
}

.md-typeset ul.xr-dim-list li {
    margin-bottom: 0;
    margin-left: 0;
}

.md-typeset ul.xr-dim-list {
    margin-bottom: 0;
    margin-top: 0;
}

.jupyter-wrapper .jp-OutputArea-output .xr-attrs dt {
    padding: 0;
    margin: 0;
    float: left;
    padding-right: 10px;
    width: auto;
    font-weight: normal;
    grid-column: 1;
}

.xr-wrap {
    font-size: .6rem;
}

.jupyter-wrapper .highlight{
    font-size: .75rem;
}

.jupyter-wrapper *, .jupyter-wrapper ::before, .jupyter-wrapper ::after {
    box-sizing: border-box;
}

/* Change font-size Jupyter output changed by hook (notebooks_json_output.py)*/
.jupyter-wrapper .text-json{
    font-size: .6rem;
}

/* Neutralize dark-theme influence inside the wrapper */
/* Force .xr-wrap and .bk-panel-models-layout-Column to keep light colors, even in dark theme */
[data-md-color-scheme="slate"] .xr-wrap,
[data-md-color-scheme="slate"] .bk-panel-models-layout-Column {
    color-scheme: light !important;
    background: #f6f8fa !important;
    color: #000 !important;
}

/* Fix code cells/blocks inside */
[data-md-color-scheme="slate"] .xr-wrap pre,
[data-md-color-scheme="slate"] .xr-wrap code{
    background: #f6f8fa !important;
    color: #000 !important;
}

/* Enable centered images in docs*/
.centered-logo {
    display: block;
    margin: 0 auto;
    text-align: center;
}