.hidden_code {
    display: none !important;
}

.hidden-code {
    display: none !important;
}

/* Change color of all external links */
a.reference.external {
    color: #9334E9 !important;
}

.body a.reference.external {
    color: #9334E9 !important;
}

.sidebar a.reference.external {
    color: #9334E9 !important;
}

a.reference.external:hover {
    color: #9334E9 !important;
}

/* Change styling of mermaid diagrams */
.mermaid {
    background-color: white; /* Set background to white */
}

/* Adjust spacing between FAQ dropdowns */
.admonition.dropdown p {
    padding-bottom: 20px;
}

details {
    margin-bottom: 15px;
}

.sd-container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;;
}

/* Hide the toggle icon in FAQ dropdowns */
summary.toggle-details__summary svg.tb-icon {
    display: none;
}

.toggle .header {
    display: block;
    clear: both;
}

summary::-webkit-details-marker {
    display: none;
}

/* Adjust spacing between tabs panel, e.g. installation instructions for different hardware */
.sphinx-tabs {
    margin-top: 20px;
}

/* Adjust color scheme of documentation */
.sphinx-tabs-tab {
    color: #581C87 !important;
}

.sphinx-tabs-panel {
    background-color: #ffffff !important;
}

.dark .sphinx-tabs-panel {
    background-color: #120B1B !important;
}

.dark .sphinx-tabs-tab[aria-selected="true"] {
    background-color: #120B1B !important;
}

.dark .sphinx-tabs-tab {
    color: #A855F7 !important;
}

.dark .sphinx-tabs-tab[aria-selected="true"] {
    border-bottom-color: #120B1B !important;
}

header.sticky {
    background-color: #A855F7 !important;
    color: #ffffff !important;
}

.dark header.sticky {
    background-color: #581C87 !important;
    color: #ffffff !important;
}

.dark body {
    background-color: #120B1B !important;
    color: #ffffff !important;
}

#searchbox input {
    background-color: #ffffff !important;
    color: #581C87 !important;
    border-color: #E5E5E5 !important;
}

.dark #searchbox input {
    background-color: #120B1B !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

#searchbox input::placeholder {
    color: #581C87 !important;
}

.dark #searchbox input::placeholder {
    color: #ffffff !important;
}