/* Joomla 6 Cassiopeia: prevent migrated long navigation titles overflowing on phones. */
@media (max-width: 767.98px) {
  .container-header .container-nav,
  .container-header .mod-menu {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .container-header .mod-menu .metismenu-item {
    min-width: 0;
    max-width: 100%;
  }
  .container-header .mod-menu .metismenu-item > a,
  .container-header .mod-menu .metismenu-item > button {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}