/* Markenanpassungen fuer die ODISTRACKER-Dokumentation.

   Bewusst wenig: Das Read-the-Docs-Theme ist funktional gut und vertraut. Geaendert
   wird nur, was die Doku sichtbar mit der Produktseite verbindet - Farbe der
   Seitenleiste und der Verweis auf das Angebot. */

:root {
    --odt-marke: #91b508;
    --odt-dunkel: #0b1220;
}

/* ===========================
   Kopf der Seitenleiste
   =========================== */

/* Titel, Logo, Suchfeld und der Verweis auf das Angebot standen ohne Zwischenraum
   uebereinander. Das liest sich als ein einziger Block, in dem nichts wichtiger ist
   als das andere. Hier bekommt jedes Element Luft, und der Verweis ist durch eine
   feine Linie als eigener Bereich erkennbar. */
.wy-side-nav-search {
    background-color: var(--odt-dunkel);
    padding: 1.25rem .85rem .25rem .85rem;
}

    /* Der Titel stand direkt am oberen Rand. */
    .wy-side-nav-search > a {
        margin-bottom: .35rem;
    }

    .wy-side-nav-search .wy-dropdown > a,
    .wy-side-nav-search > a.icon {
        font-size: 1.05rem;
        letter-spacing: .02em;
    }

    /* Suchfeld etwas ruhiger und mit Abstand nach oben. */
    .wy-side-nav-search input[type="text"] {
        margin-top: .5rem;
        border-color: rgba(255, 255, 255, .18);
        border-radius: 8px;
        padding: .45rem .8rem;
    }

/* Das Logo stand gequetscht zwischen Titel und Suchfeld. */
.wy-side-nav-search > a img.logo {
    max-width: 76px;
    padding: .75rem 0 .5rem 0;
}

/* ===========================
   Verweis auf das Angebot
   =========================== */

.odt-doku-cta {
    margin: 1.1rem -.85rem 0 -.85rem;
    padding: 1.1rem 1rem 1.25rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    text-align: center;
}

.odt-doku-cta-knopf {
    display: block;
    background: var(--odt-marke);
    color: #10240a !important;
    font-weight: 600;
    font-size: .92rem;
    padding: .6rem .9rem;
    border-radius: 8px;
    text-decoration: none !important;
    transition: filter .15s ease, transform .15s ease;
}

    .odt-doku-cta-knopf:hover {
        filter: brightness(1.08);
        transform: translateY(-1px);
    }

.odt-doku-cta-link {
    display: block;
    margin-top: .6rem;
    color: #d9e2ec !important;
    font-size: .82rem;
    text-decoration: none !important;
}

    .odt-doku-cta-link:hover {
        text-decoration: underline !important;
    }

/* ===========================
   Fusszeile
   =========================== */

.odt-doku-fuss {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: .85rem;
}

    .odt-doku-fuss a {
        color: #2b7a0b;
    }

.odt-doku-fuss-punkt {
    color: #999;
    margin: 0 .4rem;
}

/* ===========================
   Navigationsbaum
   =========================== */

/* Die Rubriken standen ohne Zwischenraum untereinander - fuenf Gruppen wirkten
   wie eine lange Liste. Mehr Luft davor macht die Gliederung ueberhaupt erst
   sichtbar. */
.wy-menu-vertical p.caption {
    margin-top: 1.6rem;
    margin-bottom: .45rem;
    color: var(--odt-marke);
    font-size: .78rem;
    letter-spacing: .1em;
}

    .wy-menu-vertical p.caption:first-of-type {
        margin-top: 1.1rem;
    }

/* Etwas mehr Zeilenabstand: Die Eintraege klebten aneinander. */
.wy-menu-vertical li a {
    padding-top: .38rem;
    padding-bottom: .38rem;
    line-height: 1.35;
}

/* Die aktuelle Seite in der Markenfarbe kennzeichnen statt nur heller faerben. */
.wy-menu-vertical li.current > a {
    border-left: 3px solid var(--odt-marke);
}

/* ===========================
   Feinheiten
   =========================== */

/* Hinweiskaesten in der Markenfarbe statt im Standardblau - so sind die
   wichtigen Stellen ("Keine Admin-Berechtigungen") auf einen Blick zu finden. */
.rst-content .admonition-title {
    background: var(--odt-marke);
    color: #10240a;
}

.rst-content .admonition {
    background: rgba(145, 181, 8, .08);
}