/* =========================================
   AGENCE BE - PERSONNALISATION CASSIOPEIA
   ========================================= */

/* Logo principal */
.container-header .navbar-brand img {
    width: auto;
    height: 120px;
    max-width: 350px;
    object-fit: contain;
}

/* En-tête */
.container-header .navbar-brand {
    margin: 0;
    padding: 10px 0;
}
/* ==========================================
   AGENCE BE - LOGO + MENU SUR LA MEME LIGNE
   ========================================== */

.container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container-header > .grid-child {
    width: auto;
}

.container-header .container-nav {
    flex: 1;
    justify-content: flex-end;
}
/* Largeur et centrage de l'en-tête Agence BE */
.container-header {
    padding-left: max(40px, calc((100% - 1600px) / 2));
    padding-right: max(40px, calc((100% - 1600px) / 2));
}
/* Espacement du menu principal */
.container-header .mod-menu {
    gap: 25px;
}
/* =========================================
   FOOTER - AGENCE BE
   ========================================= */

.container-footer {
    padding: 20px 0;
}

.container-footer .mod-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 25px;
    width: 100%;
}

.container-footer .grid-child {
    width: 100%;
    max-width: none;
}

.container-footer .mod-menu li {
    margin: 0;
}

.container-footer .mod-menu a {
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}

.container-footer .mod-menu a:hover {
    text-decoration: underline;
}
/* Séparateur entre les liens du footer */
.container-footer .mod-menu li + li::before {
    content: "|";
    color: rgba(255, 255, 255, 0.45);
    margin-right: 25px;
}