/* Workaround: In 2021, a Firefox version was defaulting to 11px. Firefox 86 was fine. */
:root { --bs-body-font-size: 16px; }

/* Bootstrap 5 tweak: do not underline links unless hovered over */
a:not([class*="btn"]) {
    text-decoration: none;
}
a:not([class*="btn"]):hover {
    text-decoration: underline;
}
a.link-underlined {
    text-decoration: underline !important;
}

img {
    /* No images in release notes or blog posts wider than screen. Also mobile friendly. */
    max-width: 100%;
}

/* Anchor links to Asciidoctor sections should not hide their title behind the sticky navbar. */
.sect1 h2 {
    scroll-margin-top: 5rem;
}
.sect2 h3 {
    scroll-margin-top: 5rem;
}
.sect3 h4 {
    scroll-margin-top: 5rem;
}

.forkMeOnGithub {
    position: absolute;
    right: 0;
    border: 0;
    max-width: 20%;
    z-index: 1;
}

.versionedButton > img {
    vertical-align: top;
}

.versionedButton > div {
    text-align: left;
    display: inline-block;
    white-space: normal;
}

.summaryParagraph {
    font-size: larger;
}

.positive {
    color: #4E9A06;
}

.negative {
    color: #A40000;
}

.line-through {
    text-decoration: line-through;
}

/******************************************************************************
* Asciidoctor tweaks
******************************************************************************/

/* Make Asciidoctor's ".listingblock > .content > pre" act like bootstrap's "code > pre" */
.listingblock > .content {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    padding: 0.5rem !important; /* Simulate p-2 */
    margin: 0 0 1.0rem; /* Simulate mb-3 */
    border: 1px solid #ccc;
    border-radius: 4px;
}
.listingblock > .content > pre {
    margin: 0;
}

/******************************************************************************
* Upgrade recipe
******************************************************************************/

ul.upgrade-recipe-label-list {
    padding-left: 10px;
}

.upgrade-recipe-label-list > li {
    list-style: none;
}

.upgrade-recipe-note {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

a.upgrade-recipe-note-header {
    text-decoration: none;
    color: #333;
}

.upgrade-recipe-note-header > h3 {
    margin-top: 10px;
    font-size: 20px;
}

.upgrade-recipe-note-header > h3 > span:first-child {
    margin-right: 5px;
}

.upgrade-recipe-note-header > h3 > span:last-child {
    margin-left: 5px;
}

.upgrade-recipe-reverted h3 {
    text-decoration: line-through;
}

.bg-public-api {
    background-color: #6f5499;
}

.bg-automated {
    background-color: #8ae234;
}

/******************************************************************************
* Blog content
******************************************************************************/

table, th, td {
    border: 1px solid black;
}

table {
    margin-bottom: 10px;
}

th, td {
    padding: 5px;
}

td > p:last-child {
    margin-bottom: 0;
}

.content img {
    margin-bottom: 10px;
    max-width: 100%;
}