.bd-sidebar {
    z-index: auto
}

html[data-theme="light"] {
    --pst-color-primary: rgb(157, 96, 251);
    --pst-color-secondary: rgb(87, 24, 184);

    /*****  Colors for sphinx-design, from here: https://sphinx-design.readthedocs.io/en/pydata-theme/css_variables.html ***/
    /** wanted to get the card hover color right... didn't get it successfuly yet **/
    --sd-color-primary: #B17DFF;
    --sd-color-secondary: #5718B8;
    --sd-color-card-border-hover: #B17DFF;
}

html[data-theme="dark"] {
    --pst-color-primary: rgb(157, 96, 251);
    --pst-color-secondary: rgb(87, 24, 184);

    /*****  Colors for sphinx-design, from here: https://sphinx-design.readthedocs.io/en/pydata-theme/css_variables.html ***/
    /** wanted to get the card hover color right... didn't get it successfuly yet **/
    --sd-color-primary: #B17DFF;
    --sd-color-secondary: #5718B8;
    --sd-color-card-border-hover: #B17DFF;
}

.js-plotly-plot,
.output_subarea {
    overflow-x: auto!important;
    overflow-y: hidden!important;
}


/* re-style the download button */
div.sphx-glr-download a {
    background-color: #F1E9FE;
    background-image: none;
    color: #5718B8;
    border: 0;
}

div.sphx-glr-download a:hover {
    background-color: #B17DFF;
}

/* Make the permalink link hover (default is # in red)
Need to change both the headerlink and it's hover color */
.headerlink {
    color: #FFFFFF !important;
}
.headerlink:hover {
    color: #FFFFFF !important;
}

/*
 * Delete the double caption from the toc display. (see: https://bit.ly/3IPt8Ud)
 * Currently disabled as it deletes also the caption text from the sidebar
 */

/*
span.caption-text {
    display: none;
} */

/* Table styling for light theme */
html[data-theme="light"] table.autosummary {
    background-color: white !important;
}

html[data-theme="light"] table.autosummary tr {
    background-color: white !important;
}

html[data-theme="light"] table.autosummary tr.row-odd {
    background-color: white !important;
}

html[data-theme="light"] table.autosummary tr.row-even {
    background-color: white !important;
}

/* Table styling for dark theme */
html[data-theme="dark"] table.autosummary {
    background-color: #14181e !important;
}

html[data-theme="dark"] table.autosummary tr {
    background-color: #14181e !important;
}

html[data-theme="dark"] table.autosummary tr.row-odd {
    background-color: #14181e !important;
}

html[data-theme="dark"] table.autosummary tr.row-even {
    background-color: #14181e !important;
}

/* Remove hover effects for both themes */
html[data-theme="light"] table.autosummary tr:hover {
    background-color: white !important;
}

html[data-theme="dark"] table.autosummary tr:hover {
    background-color: #14181e !important;
}

/* Override inline code link color */
a>code {
    color: #9e60fb !important;
}

/* Or alternatively, override the CSS variable */
/* :root {
    --pst-color-inline-code-links: #9e60fb !important;
} */