@import "fonts.css";

:root {
    --BOX-BLUE-color: #4caad9;
    --BOX-GREEN-color: #6bb390;
    --BOX-RED-color: #e57773;

    --CODE-font: "Roboto-Mono", monospace;
    --MAIN-font: "Roboto", sans-serif;
}

pre {
    padding: 0px !important;
}

abbr {
    border-bottom: none !important;
    text-decoration: none !important;
}

#R-footer {
    text-align: center;
}

.fa-plus {
    color: #6bb390;
}

.fa-minus {
    color: #fc7c78
}

h1 {
    text-transform: none;
}

/* relearn 9 fakes the bold active tab by stacking a text-shadow and a
   text-stroke on top of the glyphs; that smears the label and makes the
   selected tab (e.g. Docker/Podman) hard to read. Use the relearn 5
   approach instead: a plain font-weight bump. */
#R-body .tab-nav-button.active > .tab-nav-text {
    text-shadow: none;
    -webkit-text-stroke-width: 0;
    font-weight: 500;
}

/* relearn 9 only descends into a submenu when collapsibleMenu is on, so we
   enable it to keep the whole tree visible as in relearn 5 (see config.toml).
   The expander (input/label toggle) that comes with collapsibleMenu keeps
   sections collapsed by default (only the one holding the current page is
   open) and stays clickable via the label, exactly as on docs.mitigator.ru.
   The arrow icon inside the label is theme chrome, though: the original site
   has no arrows on section toggles, so we hide only the chevron and leave
   the label (and every other menu icon) intact. */
#R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
    display: none;
}

code {
    font-size: 90% !important;
}