/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */

.ams-page {
  background-color: var(--ams-page-background-color);
  margin-inline: auto;
  max-inline-size: var(--ams-page-max-inline-size);
  min-block-size: 100vh; /* Fallback for browsers that do not support dvh */
  min-block-size: 100dvh;
}

.ams-page--with-menu {
  display: grid;
  grid-auto-rows: min-content auto 1fr auto;
  grid-template-areas:
    "skip-link skip-link"
    "menu header"
    "menu body"
    "menu footer";
  grid-template-columns: auto 1fr;
  max-inline-size: var(--ams-page-with-menu-max-inline-size);

  > .ams-page__area--skip-link {
    grid-area: skip-link;
    margin-inline-end: var(--ams-page-with-menu-area-skip-link-margin-inline-end);
  }

  > .ams-page__area--menu {
    grid-area: menu;
  }

  > .ams-page__area--header {
    grid-area: header;
  }

  > .ams-page__area--body {
    grid-area: body;
  }

  > .ams-page__area--footer {
    grid-area: footer;
  }
}