/* Global overrides loaded after theme CSS */

html,
body {
  height: 100%;
}

/* Make root app container stretch full height so footer can stick to bottom */
#app.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Let content area take remaining space, footer sits at bottom */
.app-content {
  flex: 1 0 auto;
}

footer.app-footer {
  flex-shrink: 0;
}

/* Use a clean divider instead of the theme URL */
.breadcrumb {
  --bs-breadcrumb-divider: '›';
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, '›');
}