/* =========================
   NAV MENU - DESKTOP
========================= */

@media (min-width: 1024px) {
  .nav-menu-desktop-align {
    align-items: flex-end;
  }

  .flats-filters-grid {
    grid-template-columns:
      minmax(0, 1.35fr)
      minmax(0, 1.35fr)
      max-content
      max-content
      max-content;

    gap: 1.5rem;
    align-items: start;
  }

  [data-filter-toggles="rooms"] > div,
  [data-filter-toggles="floors"] > div,
  [data-filter-toggles="statuses"] > div {
    flex-wrap: nowrap;
  }

  [data-filter-toggles="rooms"] > div > *,
  [data-filter-toggles="floors"] > div > *,
  [data-filter-toggles="statuses"] > div > * {
    flex-shrink: 0;
  }

  [data-filter-toggles="statuses"] {
    justify-self: end;
  }
}


/* =========================
   NAV MENU - MOBILE
========================= */

@media (max-width: 1023px) {
  .nav-menu-desktop-align {
    align-items: initial;
  }

  .nav-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 28px;
  }

  .nav-menu__item,
  .nav-menu__parent {
    width: 100%;
    min-width: 0;
  }

  .nav-menu__parent {
    flex: none;
  }

  .nav-menu__parent-link {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .nav-menu__submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
  }

  .nav-menu__submenu-item {
    width: 100%;
    flex-shrink: 1;
    white-space: normal;
  }
}