@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/shape.css");
@import url("tokens/motion.css");

/* Production fixes for narrow screens; desktop design stays unchanged. */
@media (max-width: 720px) {
  [data-univers="vegetalia"] {
    overflow-x: clip;
  }
  [data-univers="vegetalia"] :where(section, div, span, p, strong, a, label, input, select, textarea, button) {
    min-width: 0;
  }
  [data-univers="vegetalia"] [style*="columns:5"],
  [data-univers="vegetalia"] [style*="columns: 5"] {
    columns: 2 !important;
  }
  [data-univers="vegetalia"] a[href^="mailto:"] {
    overflow-wrap: anywhere;
  }
  [data-univers="vegetalia"] [style*="grid-template-columns:repeat(2,"],
  [data-univers="vegetalia"] [style*="grid-template-columns: repeat(2,"],
  [data-univers="vegetalia"] [style*="grid-template-columns:1.3fr 1fr"],
  [data-univers="vegetalia"] [style*="grid-template-columns: 1.3fr 1fr"],
  [data-univers="vegetalia"] [style*="grid-template-columns:1fr 1fr"],
  [data-univers="vegetalia"] [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  [data-univers="vegetalia"] button {
    max-width: 100%;
  }
  [data-univers="vegetalia"] button [style*="white-space:nowrap"],
  [data-univers="vegetalia"] button [style*="white-space: nowrap"] {
    white-space: normal !important;
  }
}
@media (max-width: 480px) {
  [data-univers="vegetalia"] [style*="columns:5"],
  [data-univers="vegetalia"] [style*="columns: 5"] {
    columns: 1 !important;
  }
}