/* 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 for links/accents, and gives the sidebar header a dark backdrop so
   the colorful (transparent) MoDeVa emblem reads clearly. */
:root {
  --modeva: #0d9488;         /* brand-600 — links & accents */
  --modeva-dark: #0f766e;    /* brand-700 */
  --modeva-tint: #f0fdfa;    /* brand-50  */
  --modeva-header: #111827;  /* gray-900 — sidebar/topbar backdrop */
}

/* Sidebar header (logo + search) and the mobile top bar. Dark backdrop makes the
   emblem's warm-and-cool gradient pop; teal blended into the logo's own colors. */
.wy-side-nav-search,
.wy-nav-top {
  background-color: var(--modeva-header);
}
.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: 76px;
  margin: 12px auto 8px;
}
.wy-side-nav-search input[type="text"] {
  border-color: var(--modeva);
}

/* 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; }

/* The RTD "home" links carry a Font Awesome house glyph (.icon-home::before).
   Drop it in the sidebar (the emblem already sits in that link), and in the
   content breadcrumb swap the house for the small MoDeVa mark. */
.wy-side-nav-search a.icon-home::before {
  content: none;
}
.wy-breadcrumbs li a.icon-home {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  background: url("/docs/_static/modeva-docs-logo.png") center / contain no-repeat;
}
.wy-breadcrumbs li a.icon-home::before {
  content: none;
}