/* Layout global — header, footer (charte étape 3). */
/* En-tête : assets/styles/components/header.css (.mbb-header2*). */

.mbb-wordmark {
    font-family: var(--mbb-font-display);
    font-weight: 600;
    font-size: 1.375rem;
    color: var(--mbb-ink) !important;
    white-space: nowrap;
}

@media (max-width: 420px) {
    .mbb-wordmark {
        font-size: 1.125rem;
    }
}

.mbb-footer {
    background: var(--mbb-crumb);
    border-top: 1px solid var(--mbb-border);
}

.mbb-footer .mbb-wordmark {
    font-size: 1.25rem;
}