/* Preserve the current header/menu markup and mobile dialog behaviour. */
@media (min-width: 1200px) {
    .wlcb-theme-compat > header .header-content {
        column-gap: 24px;
    }

    .wlcb-theme-compat > header .header-content > .logo {
        flex: 0 0 200px;
        width: 200px;
    }

    .wlcb-theme-compat > header .header-content > .nav-wrapper {
        min-width: 0;
        margin-left: auto;
    }

    .wlcb-theme-compat > header .header-content nav ul {
        column-gap: 16px;
        margin-bottom: 0;
        padding-left: 0;
    }

    .wlcb-theme-compat > header .header-content nav a {
        white-space: nowrap;
    }

    .wlcb-theme-compat > header .header-content nav .cta-button {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
    }
}

/* Reuse the installed mobile menu below the safe desktop navigation width. */
@media (min-width: 1101px) and (max-width: 1199px) {
    .wlcb-theme-compat > header .header-content .nav-wrapper,
    .wlcb-theme-compat > header .header-content nav {
        display: none;
    }

    .wlcb-theme-compat > header .header-content > .hamburger {
        display: block;
    }
}

/* Longer translated labels use the same accessible menu at compact widths. */
@media (min-width: 1200px) and (max-width: 1399px) {
    html[lang|="de"] .wlcb-theme-compat > header .header-content .nav-wrapper,
    html[lang|="de"] .wlcb-theme-compat > header .header-content nav,
    html[lang|="fr"] .wlcb-theme-compat > header .header-content .nav-wrapper,
    html[lang|="fr"] .wlcb-theme-compat > header .header-content nav {
        display: none;
    }

    html[lang|="de"] .wlcb-theme-compat > header .header-content > .hamburger,
    html[lang|="fr"] .wlcb-theme-compat > header .header-content > .hamburger {
        display: block;
    }
}
