/*
Initially provided by Robert Riemann;
> I release this patch with:
> (c) 2023 Robert Riemann robert.riemann@edps.europa.eu
> License: EUPL-1.2
Changes by
Jonathan de Jong <jonathan@procolix.eu>
Daniel Jagszent <daniel@saasweb.net>
*/

:root {
    --eu-banner-height: 28px;
}

#globan {
    position: sticky;
    top: 0;
}

.tabs-bar__wrapper {
    top: var(--eu-banner-height);
}

div.columns-area__panels__pane__inner {
    height: calc(100% - var(--eu-banner-height));
}

/* no mastodon bar on mobile and small form-factor */
@media (max-width: 550px) {
    .public-layout .header {
        display: none;
    }
}

@media (max-width: 415px) {
    .public-layout {
        padding-top: 0px;
    }
}

@media (max-width: 550px) and (min-width: 415px) {
    .public-layout .container+.container {
        margin-top: 10px
    }
}

/* never mastodon login buttons in navbar */
.public-layout .header .nav-right {
    display: none;
}

/* remove the "Create account" button */
.navigation-panel__sign-in-banner .sign-in-banner > button {
    display: none;
} 

/* overwrites for the Mastodon styles, they have the same specificity, but win because our styles are loaded last */

/* basics.scss */
body.app-body.layout-single-column {
  min-height: calc(100vh - var(--eu-banner-height));
  min-height: calc(100dvh - var(--eu-banner-height));
}

.layout-single-column .app-holder,
.layout-single-column .app-holder > div {
  min-height: calc(100vh - var(--eu-banner-height));
  min-height: calc(100dvh - var(--eu-banner-height));
}

/* components.scss */
.columns-area__panels {
  min-height: calc(100vh - var(--eu-banner-height));
  min-height: calc(100dvh - var(--eu-banner-height));
}

/* 1174px = $no-gap-breakpoint - 1px */
@media screen and (max-width: 1174px) {
  .columns-area__panels {
    min-height: calc(100vh - var(--eu-banner-height));
    min-height: calc(100dvh - var(--eu-banner-height));
  }
}

.upload-area {
  height: calc(100vh - var(--eu-banner-height));
}

.modal-root__container {
  max-height: calc(100vh - var(--eu-banner-height));
}

/* containers.scss */
.redirect {
  height: calc(100vh - var(--eu-banner-height));
}

/* modal.scss */
.modal-layout {
  height: calc(100vh - var(--eu-banner-height));
}