/* TIJDELIJK, tot de nieuwe header van FRANDRU-782 live gaat.
   Het uitklapmenu van het hoofdmenu erft de breedte van zijn eigen
   menu-item (width: 100% op de ul en op de li's), waardoor lange labels
   als "Voor (aspirant) franchisenemers" over twee of drie regels vallen
   en binnen de overflow: hidden van de kaart kunnen wegvallen. De kaart
   groeit nu mee met zijn langste label, met de eigen breedte als
   ondergrens en 340px als bovengrens.
   De keten begint bewust met .page-navigation > #main-menu-expanded: in de
   nieuwe header zit het menu een niveau dieper (in .page-navigation > .inner),
   dus deze regels raken vanzelf niets meer zodra die live gaat. Los daarvan
   staat deze injector niet in config/sync, dus de eerstvolgende drush cim
   verwijdert hem sowieso. */
.page-navigation > #main-menu-expanded > .menu > .menu-item.menu-item--expanded > .menu {
  width: max-content;
  min-width: 100%;
  max-width: 340px;
}

.page-navigation > #main-menu-expanded > .menu > .menu-item.menu-item--expanded > .menu .menu-item {
  width: auto;
}

/* Het laatste item staat rechts in de balk: daar de kaart rechts
   uitlijnen zodat hij op smallere schermen niet buiten beeld valt. */
.page-navigation > #main-menu-expanded > .menu > .menu-item.menu-item--expanded:last-child > .menu {
  left: auto;
  right: 0;
}