/* =========================================
   Titre principal (header, desktop)
   ========================================= */

.md-header__title,
.md-header__title .md-header__topic,
.md-header__title .md-header__topic span {
    /* font-size: 1.1rem !important; */
    font-weight: bold !important;
    font-family: 'Courier New', Courier, monospace !important;

}


/* =========================================
   Titre du menu latéral (drawer/mobile)
   ========================================= */

.md-nav__title {
    /* font-size: 1.1rem !important; */
    /* font-size: 1.05em !important; */
    font-size: 0.95em !important;
    font-weight: bold !important;
    font-family: 'Courier New', Courier, monospace !important;
    /*color: black !important;*/
    color: rgb(135, 5, 5) !important;
    border-bottom: 1px solid #e0e0e0 !important;
    /* color: red !important; */
}


.md-nav__title .md-header__button.md-logo {
    display: none;
}

/* =========================================
   Ligne au-dessus de "Appendices"
   ========================================= */

.md-nav__link[href*="appendices"] {
    border-top: 2px solid #e0e0e0 !important;
    margin-top: 15px !important;
    padding-top: 1px !important;
    display: block !important;
}

/* Supprimer complètement le footer meta du bas (copyright + generated by) */
.md-footer-meta {
    display: none !important;
}

.md-footer__inner,
.md-footer__link {
    /* padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important; */
    padding-top: 0.0rem !important;
    padding-bottom: 0.0rem !important;

}

.md-footer__title {
    font-size: 0.65rem !important;
    line-height: 1.0 !important;
}

.md-footer__direction {
    font-size: 0.65rem !important;
}

.md-footer-meta__inner {
    /* padding: 0.25rem 0 !important; */
    padding: 0.1rem 0 !important;
}

.thumb-wrap {
    text-align: center
}

.thumb {
    width: 100%;
    /* max-width: 480px; */
    border-radius: 12px;
    cursor: zoom-in;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
    transition: transform .18s
}

.thumb:hover {
    transform: scale(1.03)
}

#overlay {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(12, 12, 18, .82);
    backdrop-filter: blur(5px);
    z-index: 9999
}

#overlay.active {
    display: flex
}

#overlay img {
    max-width: 94vw;
    max-height: 94vh;
    border-radius: 8px;
    box-shadow: 0 18px 70px rgba(0, 0, 0, .45);
    cursor: zoom-out;
    animation: zoom .28s ease-out
}

.legend {
    text-align: center;
    font-size: 0.7rem;
    font-style: italic;
    /* color: #ccc; */
    /* margin-top: 0.5rem; */
}

/* Center the text between the footer navigation buttons */
.md-footer__inner.md-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.md-footer__inner.md-grid::before {
    content: "Contact: edilia12380@gmail.com";
    order: 2;
    /* Center the element if there are two buttons */
    color: var(--md-footer-fg-color);
    font-size: 0.60rem;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}