/* Corrections to Blogzine's style.css, loaded straight after it. */

/*
 * Readable secondary text (dates, bylines, summaries, footer links). Blogzine's
 * light-mode value, #d0d4d9, is about 1.5:1 on white; this is about 5.7:1.
 */
:root, [data-bs-theme="light"] { --bs-secondary-color: #646a75; }

/* Hover-highlight link lists (tags, footer menus): Blogzine's pale grey suits only dark backgrounds. */
.text-primary-hover a, a.text-primary-hover, button.text-primary-hover { color: var(--bs-secondary-color); }
.bg-dark .text-primary-hover a, .bg-dark a.text-primary-hover, .bg-dark button.text-primary-hover,
[data-bs-theme="dark"] .text-primary-hover a, [data-bs-theme="dark"] a.text-primary-hover { color: var(--bs-gray-400); }

/*
 * Blogzine draws a few icons with Font Awesome, which this platform doesn't
 * load (Bootstrap Icons only). Same glyphs from Bootstrap Icons.
 */
.dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after,
.navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before,
.modeswitch:before {
    font-family: "bootstrap-icons" !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
}
.dropdown-toggle:after { content: "\f282"; }
.dropup .dropdown-toggle:after { content: "\f286"; }
/* Blogzine turns an "x" by 45° into a plus (and back on hover). */
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after,
.navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before { content: "\f659"; }
.modeswitch:before { content: "\f288"; }

/*
 * Blogzine gives every <header> z-index 1020 and a solid background, meant for
 * the top bar only. Page title blocks (listing and entry pages) are <header>s
 * too and were painting over the open menus.
 */
main header { z-index: auto; }

/* Forum discussion under an article (partials/article-discussion) */
.article-discussion-post img { max-width: 100%; height: auto; }
.article-discussion-post blockquote { border-left: 3px solid rgba(128, 128, 128, .35); margin: .5rem 0; padding: .25rem .75rem; font-size: .95em; }
.article-discussion-post p:last-child { margin-bottom: 0; }