/*
* Filename: forum_thread_v47h.css
* Directory: /www/css/
* Description: Visuell støtte for enkel forumtrådvisning i Matsnakk.no v47H.
* Language: Norwegian
* Copyright: Webmasterinfo.no
*/

.mn-forum-thread-v47h {
    width: min(1100px, calc(100% - 48px));
    margin: 4.25rem auto 5rem auto;
    color: var(--mn-ink, #24140d);
}

.mn-forum-thread-v47h__back {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1.2rem;
    color: #8a5a2e;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.01em;
}

.mn-forum-thread-v47h__back:hover,
.mn-forum-thread-v47h__back:focus {
    color: #5a321b;
    text-decoration: underline;
}

.mn-forum-thread-v47h__hero {
    border-radius: 28px;
    padding: clamp(2rem, 5vw, 4.25rem);
    background:
        radial-gradient(circle at top left, rgba(196, 139, 77, 0.22), transparent 38%),
        linear-gradient(135deg, #fff8ea 0%, #f6ebd9 100%);
    border: 1px solid rgba(115, 81, 45, 0.14);
    box-shadow: 0 26px 70px rgba(48, 31, 19, 0.12);
}

.mn-forum-thread-v47h__kicker {
    margin: 0 0 0.7rem 0;
    color: #b67a39;
    font-size: 0.84rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.22em;
}

.mn-forum-thread-v47h__title {
    margin: 0;
    max-width: 820px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.4rem, 7vw, 5.7rem);
    line-height: 0.94;
    color: #24140d;
}

.mn-forum-thread-v47h__meta {
    margin: 1.15rem 0 0 0;
    color: rgba(36, 20, 13, 0.68);
    font-size: 1rem;
}

.mn-forum-thread-v47h__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1.35rem;
    margin-top: 1.35rem;
}

.mn-forum-thread-v47h__post,
.mn-forum-thread-v47h__sidebox {
    border-radius: 24px;
    background: rgba(255, 252, 246, 0.92);
    border: 1px solid rgba(115, 81, 45, 0.12);
    box-shadow: 0 18px 46px rgba(48, 31, 19, 0.08);
}

.mn-forum-thread-v47h__post {
    padding: clamp(1.4rem, 3vw, 2.35rem);
}

.mn-forum-thread-v47h__sidebox {
    padding: 1.35rem;
    align-self: start;
}

.mn-forum-thread-v47h__author {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.mn-forum-thread-v47h__avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c4894d, #7a4525);
    color: #fff8ea;
    font-weight: 900;
    box-shadow: 0 10px 20px rgba(48, 31, 19, 0.16);
}

.mn-forum-thread-v47h__author strong,
.mn-forum-thread-v47h__sidebox strong {
    display: block;
    color: #24140d;
}

.mn-forum-thread-v47h__author span,
.mn-forum-thread-v47h__sidebox span {
    display: block;
    color: rgba(36, 20, 13, 0.62);
    font-size: 0.92rem;
}

.mn-forum-thread-v47h__body {
    color: rgba(36, 20, 13, 0.82);
    font-size: 1.06rem;
    line-height: 1.75;
}

.mn-forum-thread-v47h__body p {
    margin: 0 0 1rem 0;
}

.mn-forum-thread-v47h__notice {
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    background: rgba(194, 133, 71, 0.12);
    border: 1px solid rgba(194, 133, 71, 0.24);
    color: rgba(36, 20, 13, 0.78);
    font-weight: 700;
}

.mn-forum-thread-v47h__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0.82rem 1.15rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #c4894d, #a66a36);
    color: #fff8ea;
    text-decoration: none;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(94, 52, 25, 0.18);
}

.mn-forum-thread-v47h__button:hover,
.mn-forum-thread-v47h__button:focus {
    filter: brightness(0.96);
}

@media (max-width: 860px) {
    .mn-forum-thread-v47h {
        width: min(100% - 28px, 1100px);
        margin-top: 2.5rem;
    }

    .mn-forum-thread-v47h__layout {
        grid-template-columns: 1fr;
    }
}