/* Custom styling for the documentation */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body, html {
    font-family: 'Noto Sans', 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
}

/* Custom header styling */
h1, h2, h3, h4, h5, h6 {
    color: #2c3e50;
    font-family: 'Noto Sans', 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
}

/* Style for code blocks */
.highlight {
    background-color: #f8f9fa;
    border-left: 4px solid #007bff;
    padding: 1rem;
    margin: 1rem 0;
}


/* Custom link styling */
a {
    color: #007bff;
}

a:hover {
    color: #0056b3;
}

/* Custom table styling */
table {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
}

th, td {
    border: 1px solid #dee2e6;
    padding: 0.75rem;
    text-align: left;
}

th {
    background-color: #f8f9fa;
    font-weight: bold;
}

/* Nav header customization */
/* Project name text color */
.wy-side-nav-search > a,
.wy-side-nav-search .wy-dropdown > a {
    color: #fcb770;
}

/* Home icon color */
.wy-side-nav-search .icon::before,
.wy-side-nav-search .fa-home::before {
    color: #fcb770;
}

/* Logo size - 80% of original */
.wy-side-nav-search .wy-dropdown > a img.logo,
.wy-side-nav-search > a img.logo {
    width: 80%;
    height: auto;
}

/* Home icon color in breadcrumbs/content area */
.wy-breadcrumbs li a .fa-home::before,
.wy-breadcrumbs li a .icon-home::before,
.wy-breadcrumbs .fa-home,
.wy-breadcrumbs .icon-home {
    color: #fcb770;
}

/* Menu list hover - white text */
.wy-menu-vertical a:hover {
    color: #ffffff !important;
    background: #fcb770 !important;
}

.wy-menu-vertical li.current a:hover {
    color: #ffffff !important;
    background: #fcb770 !important;
}

.wy-menu-vertical li.current > a:hover {
    color: #ffffff !important;
    background: #fcb770 !important;
}

/* Version selector */
#version-selector-container {
    margin-bottom: .4em;
    padding: 4px 10px 10px;
}

.version-dropdown {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.version-dropdown-btn {
    width: 100%;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    color: #fcfcfc;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.version-dropdown-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.version-caret {
    font-size: 10px;
    position: absolute;
    right: 10px;
}

.version-dropdown-list {
    display: none;
    position: fixed;
    background-color: #0d1a26;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

.version-dropdown-list.open {
    display: block;
}

.version-option {
    padding: 7px 10px;
    color: #d0d8e0;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.version-option:hover {
    background-color: #fcb770;
    color: #101f2e;
}

.version-option.selected {
    font-weight: bold;
    color: #fcfcfc;
    background-color: rgba(252, 183, 112, 0.15);
}

/* Hide old rst-versions flyout */
.rst-versions {
    display: none !important;
}