/*

Mynt custom styles and overrides

*/

:root {
    --box-shadow-elevation: 0px 8px 25px rgb(120, 120, 122, 40%);
    --box-shadow-border: 0px 0px 2px rgba(27, 28, 31, 15%) !important;
    --border-radius: 8px;
    --border-color-grey: #d8d8da;
    --brand-lighter: #72ddb0;
    --brand: #2acc88;
    --brand-darker: #11a768;
    --brand-darkest: #0d8251;
    --white-darker: #f8f8f7;
    --text: #222;
    --text-lighter: #666;
}

/* Transitions */

.btn, #dw__login button, .qq-upload-button, .search-results-form .toggleAssistant, .search-results-form button, .toggleAssistant, .doku_form .no button, #tool__bar button, #dokuwiki__content .editButtons button, #dokuwiki__content #page__revisions button, #dokuwiki__content .secedit button, button {
    transition: none !important;
    transition:
        fill 0.3s,
        color 0.3s,
        background 0.3s,
        border 0.3s,
        box-shadow 0.3s,
        opacity 0.3s,
        visibility 0.3s,
        transform 0.3s,
        filter 0.3s !important;
}

html,
body.docs {
    color:  var(--text);
    background: var(--white-darker);
}

/* Text */

.form-control,
#dw__login input,
#config__manager td input.edit,
.search-results-form fieldset input,
.doku_form .no #qsearch__in,
textarea,
.form-control:focus,
#dw__login input:focus,
#config__manager td input.edit:focus,
.search-results-form fieldset input:focus,
.doku_form .no #qsearch__in:focus,
textarea:focus {
    color: var(--text);
}

textarea {
    overscroll-behavior: contain;
}

/* Login Page */

body.guest .ct-sidebar,
body.guest .ct-toc {
    display: none !important;
}
body.guest .ct-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 90vh;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin: 0 auto;
    text-align: center;
}

.mode_login ~ nav[role="navigation"],
.mode_denied ~ nav[role="navigation"],
.mode_login ~ .footer-card,
.mode_denied ~ .footer-card {
    display: none !important;
}
.mode_login ~ #dokuwiki__content + hr,
.mode_denied ~ #dokuwiki__content + hr {
    display: none !important;
}
.mode_login ~ #dokuwiki__content .page > h1,
.mode_denied ~ #dokuwiki__content .page > h1,
.mode_login ~ #dokuwiki__content .page > h1 + div,
.mode_denied ~ #dokuwiki__content .page > h1 + div {
    display: none !important;
}
.mode_login ~ #dokuwiki__content #dw__login,
.mode_denied ~ #dokuwiki__content #dw__login {
    float: none !important;
    max-width: 560px;
    padding: 4rem !important;
    margin: 0 auto;
    background: white !important;
    border-radius: 20px !important;
    box-shadow: var(--box-shadow-border);
}
.mode_login ~ #dokuwiki__content #dw__login > div,
.mode_denied ~ #dokuwiki__content #dw__login > div {
    display: flex;
    flex-direction: column;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset,
.mode_denied ~ #dokuwiki__content #dw__login fieldset {
    width: 100%;
    max-width: 400px;
    padding: 0;
    border: 0;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset legend,
.mode_denied ~ #dokuwiki__content #dw__login fieldset legend {
    font-size: 1.75rem;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset button,
.mode_denied ~ #dokuwiki__content #dw__login fieldset button {
    /*width: 100%;*/
}
.mode_login ~ #dokuwiki__content #dw__login fieldset:first-of-type,
.mode_denied ~ #dokuwiki__content #dw__login fieldset:first-of-type {
    order: 2;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset:first-of-type br,
.mode_denied ~ #dokuwiki__content #dw__login fieldset:first-of-type br {
    display: none !important;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset:first-of-type + p,
.mode_denied ~ #dokuwiki__content #dw__login fieldset:first-of-type + p {
    order: 3;
    margin: 1.5rem auto 0;
    font-size: 0.75rem;
}

/* hide plain login form */
.mode_login ~ #dokuwiki__content #dw__login fieldset:first-of-type,
.mode_denied ~ #dokuwiki__content #dw__login fieldset:first-of-type,
.mode_login ~ #dokuwiki__content #dw__login fieldset:first-of-type + p,
.mode_denied ~ #dokuwiki__content #dw__login fieldset:first-of-type + p {
display: none !important;
}
/* hide plain login form */

.mode_login ~ #dokuwiki__content #dw__login fieldset.plugin_oauth,
.mode_denied ~ #dokuwiki__content #dw__login fieldset.plugin_oauth {
    order: 1;
    margin-bottom: 2rem;
    margin-bottom: 0;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset.plugin_oauth::before,
.mode_denied ~ #dokuwiki__content #dw__login fieldset.plugin_oauth::before {
    content: "Log in to Wiki";
    display: block;
    margin-bottom: 3rem;
    font-size: 2rem;
    color: black;
    font-weight: 600;
}
.mode_login ~ #dokuwiki__content #dw__login fieldset.plugin_oauth legend,
.mode_denied ~ #dokuwiki__content #dw__login fieldset.plugin_oauth legend {
    display: none !important;
}
.mode_login ~ #dokuwiki__content #dw__login label,
.mode_denied ~ #dokuwiki__content #dw__login label {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: left;
}
.mode_login ~ #dokuwiki__content #dw__login label *,
.mode_denied ~ #dokuwiki__content #dw__login label * {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
}
.mode_login ~ #dokuwiki__content #dw__login label[for="remember__me"],
.mode_denied ~ #dokuwiki__content #dw__login label[for="remember__me"] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.mode_login ~ #dokuwiki__content #dw__login label[for="remember__me"] *,
.mode_denied ~ #dokuwiki__content #dw__login label[for="remember__me"] * {
    width: auto;
    flex-grow: 0;
}
.mode_login ~ #dokuwiki__content #dw__login .plugin_oauth div a,
.mode_denied ~ #dokuwiki__content #dw__login .plugin_oauth div a {
    display: flex;
    gap: 0.5rem;
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 1em 3em;
    border: none;
    outline: none;
}

#dw__login .plugin_oauth a[class*="plugin_oauth"] svg {
    margin: 0;
}

/* Header */

.navbar-dark .navbar-toggler {
    background: transparent !important;
    border: none !important;
}
.navbar-dark .navbar-toggler-icon {
    filter: invert();
}

.ct-navbar {
    background: var(--brand) !important;
}

.header-title > a {
    border: none !important;
    outline: none !important;
}

.header-title > a > img {
    width: auto !important;
    height: 40px !important;
    margin: 6px 8px 2px !important;
}

.header-title > a > span {
    display: none !important;
}

.argon-doku-navbar-icon {
    fill: black;
}

.ct-navbar .ct-navbar-nav .nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3rem;
    padding: 0;
    color: black !important;
    text-decoration: none !important;
    transition: none;
}

.ct-navbar .ct-navbar-nav .nav-link i {
    top: 0;
    margin-right: 0 !important;
}

.ct-navbar .ct-navbar-nav .nav-link:hover svg {
    fill: white;
}

.ct-navbar .ct-navbar-nav .nav-link .nav-link-label {
    margin-left: 8px !important;
    line-height: 1.2;
}

.ct-navbar .ct-navbar-nav .logout .nav-link .nav-link-label {
    font-size: 0;
}

.ct-navbar .ct-navbar-nav .logout .nav-link .nav-link-label bdi:nth-child(1),
.ct-navbar .ct-navbar-nav .logout .nav-link .nav-link-label bdi:nth-child(2) {
    display: block;
    font-size: .875rem;
}

.ct-navbar .ct-navbar-nav .logout .nav-link .nav-link-label bdi:nth-child(2) {
    font-size: .75rem;
    opacity: 0.5;
}

/* Content */

.ct-content {
    padding-top: 2rem !important;
}

.card {
    border-radius: var(--border-radius) !important;
}

/* Edit Page */

/* hide edit explanation paragraph */
#dokuwiki__top.mode_edit ~ #dokuwiki__content .page > p:first-child {
    display: none;
}

#tool__bar {
    margin-bottom: 2em;
}

#tool__bar button {
    margin-bottom: 0.5em;
}

#wiki__editbar .summary {
    margin-top: 2em;
}

@media (min-height: 800px) {

    #dw__editform textarea#wiki__text {
        height: 400px !important;
    }
}
@media (min-height: 900px) {

    #dw__editform textarea#wiki__text {
        height: 500px !important;
    }
}
@media (min-height: 1000px) {

    #dw__editform textarea#wiki__text {
        height: 600px !important;
    }
}

/* Search */

.ct-links {
    transition: none !important;
}

#qsearch__out {
    display: none !important;
}

.search-form .doku_form .no {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.search-form .doku_form .no #qsearch__in,
.search-form .doku_form .no button {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0 !important;
    width: auto !important;
    margin: 0;
}

.search-form .doku_form .no #qsearch__in {
    border-radius: var(--border-radius) !important;
    border: 1px solid var(--border-color-grey);
    transition: none;
}

.search-form .doku_form .no button {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

@media (min-width: 960px) {

    .search-form .doku_form .no #qsearch__in {
        flex-basis: 0;
    }

    .search-form .doku_form .no button {
        flex-grow: 0;
    }
}

.ct-sidebar,
.ct-toc,
.breadcrumb,
.footer-card {
    background: var(--white) !important;
    border: none !important;
}

.breadcrumb,
.footer-card {
    border-radius: var(--border-radius) !important;
}

/* Typography */

#dokuwiki__content .page h1,
#dokuwiki__content .page h2,
#dokuwiki__content .page h3,
#dokuwiki__content .page h4,
#dokuwiki__content .page h5,
#dokuwiki__content .page h6 {
    margin-top: 1em;
    margin-bottom: 0.5em
}

/* Horizontal rule */

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Footnotes */

.dokuwiki div.footnotes {
    margin-top: 2rem;
    padding-top: 2rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.insitu-footnote {
    padding: 0.125rem 0.5rem;
    font-size: 0.75em;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-elevation);
}

/* Contents & Site Tools & Table of Contents */

#ct-docs-nav,
#ct-docs-toc {
    padding: 2rem 0.5rem;
}

@media (min-width: 1200px) {

    #ct-docs-nav,
    #ct-docs-toc {
        padding: 2rem 0.75rem;
    }
}
@media (min-width: 1600px) {

    #ct-docs-nav,
    #ct-docs-toc {
        padding: 2rem 1rem;
    }
}

#ct-docs-nav #dokuwiki__search,
#ct-docs-nav #dokuwiki__aside,
#ct-docs-nav #dokuwiki__sitetools,
#ct-docs-toc #dw__toc > div {
    padding: 0;
    margin: 0;
}

#ct-docs-nav #dokuwiki__aside,
#ct-docs-nav #dokuwiki__sitetools {
    margin-top: 2rem;
}

#ct-docs-nav #dokuwiki__sitetools {
    display: none;
}

#ct-docs-nav .ct-toc-link {
    padding: 0;
    margin-bottom: 1rem;
    color:  var(--text) !important;
}

#ct-docs-nav #dokuwiki__aside .ct-toc-link {
    display: none !important;
}

#ct-docs-nav #dokuwiki__aside a,
#ct-docs-toc #dw__toc a {
    display: inline-block;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1rem;
    color:  var(--text-lighter);
}

#ct-docs-nav #dokuwiki__aside strong a,
#ct-docs-toc #dw__toc strong a {
    color:  var(--text);
}

#ct-docs-nav #dokuwiki__aside div.li,
#ct-docs-nav #dokuwiki__aside div.li > strong,
#ct-docs-nav #dokuwiki__aside div.li > strong > span,
#ct-docs-toc #dw__toc div.li,
#ct-docs-toc #dw__toc div.li > strong,
#ct-docs-toc #dw__toc div.li > strong > span {
    display: flex;
}

#ct-docs-nav #dokuwiki__aside ul,
#ct-docs-toc #dw__toc ul {
    padding: 0;
}

#ct-docs-nav #dokuwiki__aside ul ul,
#ct-docs-toc #dw__toc ul ul {
    padding-left: 0.5rem;
    border-left: 1px solid var(--border-color-grey);
}

#ct-docs-nav #dokuwiki__aside ul > li,
#ct-docs-nav #dokuwiki__aside div.li,
#ct-docs-toc #dw__toc ul > li,
#ct-docs-toc #dw__toc div.li {
    padding: 0;
    margin: 0 0 0.75em;
}

#ct-docs-nav #dokuwiki__aside ul > li:last-child,
#ct-docs-toc #dw__toc ul > li:last-child {
    margin-bottom: 0;
}

#ct-docs-nav #dokuwiki__sitetools .ct-toc-link {
    margin: 0;
}

#ct-docs-nav #dokuwiki__sitetools li {
    margin: 0;
}

/* Table of Contents */

#ct-docs-toc #dw__toc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none !important;
}

/* Configuration Form */

#dw__configform fieldset {
    margin: 0 auto 1rem;
    border-color: var(--border-color-grey);
    border-radius: var(--border-radius) !important;
    border: none !important;
}

#dw__configform .table {
    overflow-x: auto;
}

#dw__configform .table table {
    overflow: visible;
}

#dw__configform .table table .outkey {
    margin-top: -2em !important;
}

#dw__configform input.edit,
#dw__configform select.edit {
    width: 100% !important;
    height: 3rem !important;
    padding: 0 0.75rem;
    box-sizing: border-box;
}

#dw__configform > p:last-child {
    display: flex;
    justify-content: space-between;
}

/* Buttons / Links */

.btn,
#dw__login button,
.qq-upload-button,
.search-results-form .toggleAssistant,
.search-results-form button,
.toggleAssistant,
.doku_form .no button,
#tool__bar button,
#dokuwiki__content .editButtons button,
#dokuwiki__content #page__revisions button,
#dokuwiki__content .secedit button,
button {
    border-radius: var(--border-radius) !important;
}

.argon-doku-page-menu li {
    fill:  black;
}

.btn-neutral,
.qq-upload-button,
.doku_form .no button,
button,
a:link,
a:visited,
.ct-sidebar .nav > li > a,
.ct-sidebar .leftsidebar .leftsidebar ul > li > a,
.leftsidebar .leftsidebar .ct-sidebar ul > li > a {
    color: var(--brand);
}

.ct-sidebar .nav > li > a:hover,
.ct-sidebar .leftsidebar .leftsidebar ul > li > a:hover,
.leftsidebar .leftsidebar .ct-sidebar ul > li > a:hover,
.nav-link:hover,
.nav-link.active,
.argon-doku-page-menu li :hover,
.footer-card .argon-doku-footer-fullmenu li :hover,
#ct-docs-toc #dw__toc a:hover,
#ct-docs-nav #dokuwiki__aside a:hover {
    color: var(--brand);
    fill: var(--brand);
}

.btn-primary,
.search-results-form button,
#dw__login button,
#dw__login .plugin_oauth a[class*="plugin_oauth"],
#dokuwiki__content .editButtons button,
#dokuwiki__content #page__revisions button,
#dokuwiki__content .secedit button {
    fill: black !important;
    color: black !important;
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: none !important;
}

.btn-primary:hover,
.search-results-form button:hover,
#dw__login button:hover,
#dw__login .plugin_oauth a[class*="plugin_oauth"]:hover,
#dokuwiki__content .editButtons button:hover,
#dokuwiki__content #page__revisions button:hover,
#dokuwiki__content .secedit button:hover {
    background: var(--brand-lighter) !important;
}

#dw__login .plugin_oauth a[class*="plugin_oauth"] svg {
    fill: black !important;
}

/* Footer */

.argon-doku-footer-fullmenu,
.argon-doku-footer-fullmenu .edit,
.argon-doku-footer-fullmenu .revs,
.argon-doku-footer-fullmenu .backlink,
.argon-doku-footer-fullmenu .profile,
.argon-doku-footer-fullmenu .admin,
.argon-doku-footer-fullmenu .logout {
    display: none !important;
}