/*
  Hide sidebars for logged out users
*/
body:has(.sign-in-banner) {
    .columns-area__panels__pane {
        display:none;
    }

    --mobile-bottom-nav-height: 0;
}

/* 
  Elmer for Mastodon
  https://github.com/eramdam/elmer-for-mastodon/blob/main/dist/elmer-tangerine.css
 */
:root {
  --version: "0.0.2";
  --color-accent: var(--color-accent-base);
  --bg: white;
  --avatar-border-radius: 999px;
  --color-bg-primary: color-mix(in oklab, var(--bg), var(--color-accent) 5%);
  --color-bg-secondary: color-mix(in oklab, var(--color-bg-primary), var(--color-accent) 10%);
  --color-bg-tertiary: color-mix(in oklab, var(--color-bg-primary), var(--color-accent) 5%);
  --color-bg-brand-soft: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 80%);
  --color-bg-brand-softest: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 85%);
  --color-bg-brand-base: var(--color-accent);
  --color-bg-brand-base-hover: color-mix(in oklab, var(--color-bg-brand-base), black 20%);
  --color-border-primary: color-mix(in oklab, var(--color-text-brand), var(--color-bg-primary) 60%);
  --color-border-media: #00000026;
  --color-border-brand: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 50%);
  --color-border-brand-soft: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 75%);
  --color-text-secondary: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary));
  --color-text-tertiary: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary) 60%);
  --color-text-brand: var(--color-accent);
  --color-text-brand-on-inverted: var(--color-accent);
  --color-text-disabled: hsl(from var(--color-accent) h 20 l);
  --color-border-success-soft: color-mix(in oklab, var(--color-bg-success-soft), var(--color-accent) 20%);
}

[data-color-scheme="dark"] {
  --bg: black;
  --color-accent: hsl(from var(--color-accent-base) calc(h + 10) calc(s + 4) l);
  --color-bg-primary: color-mix(in oklab, var(--bg), var(--color-accent) 20%);
  --color-border-primary: color-mix(in oklab, var(--color-text-brand), var(--color-bg-primary) 75%);
  --color-border-media: #ffffff26;
  --color-text-brand: color-mix(in oklab, var(--color-accent), white 30%);
}

@media screen and (width <= 1174px) {
  .columns-area__panels__pane--navigational .navigation-panel {
    border-inline-end: 1px solid var(--color-border-primary);
    border-inline-start: none;
  }
}

.drawer__inner__mastodon.with-zig-zag-decoration img, .app-body .column-link.column-link--logo, .app-body .ui__header__logo, .app-body .column-link.column-link--logo svg, .app-body .ui__header__logo svg {
  display: none;
}

.icon-button {
  --default-icon-color: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary) 67%);
}

.status-card, .compose-form__highlightable, .media-gallery, .media-gallery__item, .video-player {
  border-radius: 1em;
}

.content-warning, .search__input, .navigation-panel__compose-button, .search__popout, .privacy-dropdown__dropdown, .language-dropdown__dropdown, .visibility-dropdown__dropdown {
  border-radius: .5em;
}

.search__popout {
  box-shadow: none;
  margin-block-start: .5em;
}

.btn, .simple_form .btn, .button, .button--compact, .icon-button, .hashtag-bar a, .hashtag-header__header__buttons .icon-button, ._comp_account_header__buttonsDesktop .icon-button, ._comp_account_header__buttonsMobile .icon-button {
  border-radius: 999px !important;
}

:root, [data-color-scheme="dark"] {
  --color-accent-base: #f76902;
}