/* Toot button */
/*
.ui__header__links>.button[href="/publish"],
.compose-form__publish-button-wrapper>.button.button--block {
    font-size: 0 !important;
}

.ui__header__links>.button[href="/publish"]::after,
.compose-form__publish-button-wrapper>.button.button--block::after {
    content: "Toot!";
    text-transform: none;
    font-size: 15px;
    position: relative;
    bottom: -2px;
}

html[lang="da"] .ui__header__links>.button[href="/publish"]::after,
html[lang="da"] .compose-form__publish-button-wrapper>.button.button--block::after {
    content: "Trut!";
    text-transform: none;
    font-size: 15px;
    position: relative;
    bottom: -2px;
}
*/


span[title="English (English)"]::before {
    content: '🇬🇧';
}

span[title="dansk (Danish)"]::before {
    content: '🇩🇰';
}

/* Hide text */
span[title="English (English)"],
span[title="dansk (Danish)"] {
    visibility: hidden;
    position: relative;
}

/* Unhide ::before */
span[title="English (English)"]::before,
span[title="dansk (Danish)"]::before {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}


/*
  @media screen and (min-width: 5400px) {
      .drawer {
          /* original: 300px */
width: 375px;
}

.column {
    /* original: 350px */
    width: 440px;
}
}

*/ body.app-body {
    background: url(https://media.mstdn.dk/tweaks/layout/images/white-wooden-texture-flooring-background.jpg) #fff;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

body.app-body.skin-default,
body.app-body.theme-default {
    background: url(https://media.mstdn.dk/tweaks/layout/images/wooden-background.jpg) #000;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
  .drawer,
  .column {
    filter: drop-shadow(0.3em 0.3em 0.3em #777);
  }
  
  .theme-default .drawer,
  .theme-default .column {
    filter: drop-shadow(0.3em 0.3em 0.3em #000);
  }
  */

body.app-body.theme-default .navigation-panel,
body.app-body.theme-default .compose-panel {
    background-color: rgb(0, 0, 0, 0.4);
}

.app-body.skin-default .server-banner,
.app-body.theme-default .server-banner {
    padding-left: 1em;
    padding-right: 1em;
}

/*
  body:hover .column,
  body:hover .drawer {
    opacity: 0.9;
  }
  
  body:hover .column:hover,
  body:hover .drawer:hover {
    opacity: 1.0;
  }
  */