/*
 * Accessibility reflow for browser/system text enlargement.
 * MundoViaje does not set a custom reading scale: the user's browser,
 * operating-system text settings and zoom remain the source of truth.
 */

.mv-button-primary,
.mv-button-secondary,
.mv-button-accent,
.mv-app-menu-button,
.mv-app-menu a,
.mv-bottom-nav a,
.mv-chip {
  height: auto;
  min-height: 2.75rem;
  white-space: normal;
  line-height: 1.25;
}

.mv-app-menu,
.mv-search-dialog,
.mv-card,
.mv-route-panel,
.mv-inline-panel,
.mv-booking-panel,
.mv-trip-preview,
.mv-trip-card-tools,
.mv-preferences-drawer,
.mv-layout-shell,
.mv-main-stack,
.mv-side-stack {
  min-width: 0;
}

.mv-app-header .mv-layout-shell,
.mv-app-menu-grid,
.mv-cookie-banner-inner,
.mv-header-tools,
.mv-desktop-nav,
.mv-trip-card-tools,
.mv-preferences-actions,
.mv-booking-actions {
  flex-wrap: wrap;
}

.mv-desktop-nav,
.mv-header-tools {
  min-width: 0;
}

.mv-form-field,
input,
select,
textarea {
  max-width: 100%;
}

.mv-button-primary,
.mv-button-secondary,
.mv-button-accent,
.mv-app-menu a,
.mv-chip,
.mv-page-title,
.mv-page-lead,
.mv-card,
.mv-route-panel,
.mv-trip-preview {
  overflow-wrap: anywhere;
}

.mv-app-menu {
  overflow-y: auto;
  max-height: calc(100dvh - 1rem);
}

@media (max-width: 64rem) {
  .mv-desktop-nav {
    gap: 1rem;
  }
}

@media (max-width: 48rem) {
  .mv-app-menu {
    width: min(100% - 1rem, 34rem);
  }

  .mv-app-header .mv-layout-shell {
    gap: 0.5rem;
  }

  .mv-brand-responsive {
    min-width: 0;
  }

  .mv-header-tools {
    flex: 0 0 auto;
  }

  .mv-bottom-nav {
    height: auto;
    min-height: 4rem;
  }

  .mv-bottom-nav a {
    min-width: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.15;
  }
}