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

.admonition.dropdown p {
    padding-bottom: 20px;
    /* Adjust the value to add space between text and bottom of the box */
}

summary.toggle-details__summary svg.tb-icon {
    display: none;
}

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

.sphinx-tabs {
    margin-top: 20px;
    /* Space above the tabs */
}

/* Tab title text color */
.sphinx-tabs-tab {
    color: #581C87 !important;
    /* Change this to your desired text color */
}

.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;
    /* Change this to your desired text color */
}

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

details {
    margin-bottom: 15px;
    /* Adjust the margin to increase spacing */
}

/* Target the header element */
header.sticky {
    background-color: #A855F7 !important;
    /* Change this to your desired background color */
    color: #ffffff !important;
    /* Replace with your desired text color */
}

/* Adjust the header styles for dark mode */
.dark header.sticky {
    background-color: #581C87 !important;
    /* Set your desired background color for dark mode */
    color: #ffffff !important;
    /* Set your desired text color for dark mode */
}

/* Adjust the body styles for dark mode */
.dark body {
    background-color: #120B1B !important;
    /* Dark background color */
    color: #ffffff !important;
    /* Light text color for dark mode */
}

/* Light mode customization */
#searchbox input {
    background-color: #ffffff !important;
    /* Light background color */
    color: #581C87 !important;
    /* Light text color */
    border-color: #E5E5E5 !important;
    /* Light border color */
}

/* Dark mode customization */
.dark #searchbox input {
    background-color: #120B1B !important;
    /* Dark background color */
    color: #ffffff !important;
    /* Light text color for dark mode */
    border-color: #000000 !important;
    /* Dark border color */
}

/* Placeholder color customization */
#searchbox input::placeholder {
    color: #581C87 !important;
    /* Light placeholder text color */
}

.dark #searchbox input::placeholder {
    color: #ffffff !important;
    /* Dark placeholder text color */
}