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

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 SDK 2.12.2";
  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 (Python Examples, C++ Examples) */
.wy-menu-vertical li.toctree-l2 > a {
  color: var(--nav-text) !important;
}

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

/* Fourth-level items (sub-sections like Build, Usage) */
.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-icon {
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    margin-right: 6px;
}

.btn-github::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: text-bottom;
    background-image: url("../images/github.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

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

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

/* Inline code styling */
code,
.rst-content code,
.rst-content tt,
p code,
li code {
    color: var(--code-text) !important;
}