/*
 * Forum styling. Loaded after POP Forums' own stylesheet, so these rules win.
 * Colours come from the site tokens in app.css. Overrides are scoped to .forum-main,
 * so the site header and footer are untouched.
 */

.forum-main {
    max-width: var(--shell);
    margin: 0 auto;
    padding: 1.5rem 1rem 2.5rem; /* 16px side gutter on phones, as the plan requires */
}

/* POP Forums' container adds its own gutter on top of ours. */
.forum-main #ForumContainer {
    padding-left: 0;
    padding-right: 0;
}

/* POP Forums uses Bootstrap's default blue for the category bar, post headers and vote counts. */
.forum-main .bg-primary,
.forum-main .postUserData {
    background-color: var(--burgundy) !important;
    color: var(--white) !important;
}

/* The Client badge is gold, so paying clients stand out from other members. */
.forum-main .pv-client-badge {
    background-color: var(--gold) !important;
    color: var(--ink) !important;
    font-weight: 600;
}

/* Forum links use the brand colour. Buttons keep their own colours. */
.forum-main a:not(.btn) {
    color: var(--burgundy);
}

.forum-main a:not(.btn):hover {
    color: var(--burgundy-deep);
}

/* Long words and URLs wrap inside posts instead of pushing the page wider than the phone screen. */
.forum-main .postItem,
.forum-main .postBody,
.forum-main .topicTitle {
    overflow-wrap: anywhere;
}

/* Footer notice on every forum page: the posting rules and the privacy statement. */
.forum-main .forum-notice {
    margin-top: 2.5rem;
    font-size: .9rem;
    color: var(--ink-soft);
}