/* Styles pour l'adaptation des pages globales aux différentes tailles d'écran */

@media (max-width: 767px) {
    #enjeux h1, #metier h1, #equipe h1, #contact h1 {
        font-size: 1.6rem;
        margin-bottom: .5rem;
    }

    .accordion-button:not(.collapsed) {
        background-color: var(--rouge);
        color: var(--creme);
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    /* Amélioration du footer sur mobile */
    footer .row > div {
        text-align: center;
    }

    footer .footer-title {
        margin-bottom: 0.5rem; /* Réduit l'espace sous les titres */
    }

    footer .d-flex.align-items-center {
        justify-content: center; /* Centre le logo et le nom */
    }

    /* Style du menu Off-canvas */
    .offcanvas {
        background-color: var(--marine);
        color: var(--blanc);
    }

    .offcanvas .navbar-brand,
    .offcanvas .nav-link {
        color: var(--blanc);
    }

    .offcanvas .nav-link:hover {
        color: var(--rouge);
    }

    .offcanvas .btn-close {
        filter: invert(1) grayscale(100%) brightness(200%);
    }

    .offcanvas-body .nav-link {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
}