/* These are just hacks to control your mastodon 3.0 look.
   The main goal is to hide elements that are irrelevant in whitelist mode.
   It is tested for web and mobile, but not on public pages (whitelist mode).
   These hacks may break or have unintended consequences with new versions.

   Bright, simple (named) colors used for debugging.
   Add/remove "display: none" to toggle which elements you see.
*/

/* PRODUCTION */
/* Hiding federation elements don't make sense in whitelist mode. */
/* "About server" (page does not exist in whitelist mode) */
.getting-started__footer a[href="/about/more"] {
    background-color: hotpink;
    display: none;
}

[data-preview-title-id="column.public"] {
    background-color: green;
    display: none;
}

/* Hiding mastodon elements that confuse family members. */
/* "Developers" */
.getting-started__footer a[href="/settings/applications"] {
    background-color: turquoise;
    display: none;
}

/* "Documentation" */
.getting-started__footer a[href="https://docs.joinmastodon.org"] {
    background-color: lightcoral;
    display: none;
}

/* "Documentation" */
.getting-started__footer p {
    background-color: lightgreen;
    display: none;
}

/* Hiding elements that clutter UI (and confuse family members). */
/* "Account Settings" (also available in preferences) */
.getting-started__footer a[href="/auth/edit"] {
    background-color: yellowgreen;
    display: none;
}

/* "Direct Messages" (also available in notifications) */
a[href="/web/timelines/direct"] {
    background-color: teal;
    display: none;
}

/* "Favourites" */
a[href="/web/favourites"] {
    background-color: brown;
    display: none;
}

/* "Bookmarks" */
a[href="/web/bookmarks"] {
    background-color: skyblue;
    display: none;
}

/* "Lists" */
a[href="/web/lists"] {
    background-color: salmon;
    display: none;
}

/* "Follows and followers" */
a[href="/relationships"] {
    background-color: chocolate;
    display: none;
}


/* [Content Warning button] */
.text-icon-button {
    background-color: gold;
    display: none;
}

/* [Polling button] */
.compose-form__poll-button {
    background-color: orangered;
    display: none;
}

/* [Polling button] */
.privacy-dropdown {
    background-color: lightskyblue;
    display: none;
}