:root {
    --nav-darkest: #0f2b4b;
    --nav-dark: #153a65;
    --nav-medium: #2566b1;
    --nav-base: #3592fd;
    --nav-text: #d6e9fe;
    --nav-text-bright: #ffffff;
}

footer {
    display: none !important;
}

/* Top header area with logo and search */
.wy-side-nav-search {
    background-color: var(--nav-base) !important;
}

.wy-side-nav-search > a {
    text-indent: 0 !important;
    font-size: 0;
}

.wy-side-nav-search > a::after {
    content: "Nodar Cloud 1.10.15";
    display: block;
    font-size: 1.2rem;
    color: var(--nav-text-bright);
    margin-top: 8px;
}

/* Main sidebar background */
.wy-nav-side {
    background-color: var(--nav-darkest) !important;
}

/* Top-level nav items (Home, ROS2, ZMQ) */
.wy-menu-vertical > ul > li > a {
    color: var(--nav-text) !important;
}

/* Section captions */
.wy-menu-vertical .caption {
    color: var(--nav-text) !important;
}

/* All nav list items - dark background */
.wy-menu-vertical li {
    background-color: var(--nav-darkest) !important;
}

/* Currently expanded section background */
.wy-menu-vertical li.current {
    background-color: var(--nav-medium) !important;
}

/* Override any lighter backgrounds the theme might set */
.wy-menu-vertical li.on a,
.wy-menu-vertical li.current > a,
.wy-menu-vertical li.current li.toctree-l2 > a,
.wy-menu-vertical li.current li.toctree-l3 > a,
.wy-menu-vertical li.current li.toctree-l4 > a {
    background-color: transparent !important;
}

/* Currently active section header text */
.wy-menu-vertical li.current > a {
    color: var(--nav-text-bright) !important;
}

/* All links inside current section need light text */
.wy-menu-vertical li.current a {
    color: var(--nav-text) !important;
}

/* Active/current page link */
.wy-menu-vertical li.current a.current {
    color: var(--nav-text-bright) !important;
    background-color: var(--nav-medium) !important;
}

/* Second-level items */
.wy-menu-vertical li.toctree-l2 > a {
    color: var(--nav-text) !important;
}

/* Third-level items */
.wy-menu-vertical li.toctree-l3 > a {
    color: var(--nav-text) !important;
}

/* Fourth-level items */
.wy-menu-vertical li.toctree-l4 > a {
    color: var(--nav-text) !important;
}

/* Hover state for all nav items */
.wy-menu-vertical a:hover {
    background-color: var(--nav-medium) !important;
    color: var(--nav-text-bright) !important;
}

/* Search input border */
.wy-side-nav-search input[type="text"] {
    border-color: var(--nav-text) !important;
}

/* Make logo clickable to go home */
.logo {
    cursor: pointer;
}

.logo:hover {
    opacity: 0.8;
}

/* Button styling */
.btn {
    display: inline-block;
    padding: 10px 20px;
    min-width: 150px;
    text-align: center;
    background-color: var(--nav-base);
    color: var(--nav-text-bright) !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn:hover {
    background-color: var(--nav-medium);
    color: var(--nav-text-bright) !important;
    text-decoration: none !important;
}

.btn-dark {
    background-color: var(--nav-darkest);
}

.btn-dark:hover {
    background-color: var(--nav-dark);
}

.btn-download {
    background-color: #27ae60;
    color: var(--nav-text-bright) !important;
}

.btn-download:hover {
    background-color: #1e8449;
    color: var(--nav-text-bright) !important;
}