/* App glue on top of the official hermes.admin.ch stylesheet. */

#main-header {
  position: relative;
}

html,
body {
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.app-root {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.app-root > main,
.app-stretch {
  flex: 1 1 auto;
  min-height: 0;
}

.app-root .container__main {
  overflow: visible;
}

.app-root strong {
  color: inherit !important;
}

.mobile-menu.is-open {
  visibility: visible;
  opacity: 1;
  height: calc(100vh - 50px) !important;
  z-index: 100;
}

.menu__item.is-active {
  font-family: Font-Bold, Hind, Fallback-font, sans-serif;
  color: var(--color-primary-600);
}

button:not(:disabled),
[role="button"]:not(:disabled) {
  cursor: pointer;
}

.demo-note {
  font-size: 0.875rem;
  color: var(--color-secondary-400);
}