/* MoDeVa brand theming over the Sphinx RTD theme (injected by
   postprocess_docs.py). Recolors the default RTD blue (#2980b9) to the site's
   teal brand and styles the sidebar logo. */
:root {
  --modeva: #0d9488;      /* brand-600 */
  --modeva-dark: #0f766e; /* brand-700 */
  --modeva-tint: #f0fdfa; /* brand-50  */
}

/* Sidebar header (logo + search) and the mobile top bar */
.wy-side-nav-search,
.wy-nav-top {
  background-color: var(--modeva);
}
.wy-nav-top a,
.wy-side-nav-search > a,
.wy-side-nav-search > a:visited {
  color: #fff;
  font-weight: 700;
}
.wy-side-nav-search .logo {
  display: block;
  max-width: 64px;
  margin: 10px auto 6px;
  padding: 6px;
  background: #fff;
  border-radius: 14px;
}
.wy-side-nav-search input[type="text"] {
  border-color: var(--modeva-dark);
}

/* Links */
a,
a:visited {
  color: var(--modeva);
}
a:hover {
  color: var(--modeva-dark);
}

/* Left-nav current item accent */
.wy-menu-vertical li.current > a,
.wy-menu-vertical li.toctree-l1.current > a.current {
  border-right: 3px solid var(--modeva);
}
.wy-menu-vertical a:hover {
  background-color: var(--modeva-tint);
}

/* Inline code / search highlight in brand tint */
.rst-content .highlighted {
  background: #b8e8e0;
}

/* Next/prev buttons keep neutral; primary accents use brand */
.btn-neutral:hover {
  color: var(--modeva-dark) !important;
}

/* Sidebar: make the section captions read as clear, branded group headers so
   the flat User-Guide / API / Examples list is easier to scan. */
.wy-menu-vertical p.caption {
  margin: 20px 0 4px;
  padding: 6px 1.618em 4px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.wy-menu-vertical p.caption .caption-text {
  color: #5eead4;              /* brand-300 — legible on the dark sidebar */
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.wy-menu-vertical li.toctree-l1 > a { font-weight: 600; }
.wy-menu-vertical a { font-size: 14px; }

/* Group the gallery sections under the "Examples" sidebar entry (see
   postprocess_docs.py): indent the tagged auto_examples items. */
.wy-menu-vertical li.mv-ex > a {
  padding-left: 2.7em;
}