/* HITORI-YO FORUM PAGE CSS
 * FORUM PAGES NEED TO INHERIT MAIN CSS AS WELL (COLOURS ETC)
 * THESE CLASSES ARE ALL SEPERATE FROM MAIN CSS */


/* THREAD LISTINGS CSS */


.HITORI-YO-FORUM-PAGE-MAIN {
    padding-top: 16px;
    padding-bottom: 32px;
    min-height: 640px;
}

.HITORI-YO-FORUM-PAGE-HEADING {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}

/* SECTION / POST LIST TEMPLATE */

.HITORI-YO-FORUM-THREAD-LIST {
    overflow: hidden;
    background: var(--HITORI-YO-LIGHT-BACKGROUND-COLOUR);
    border: 1px solid rgba(100, 75, 50, 0.5);
    border-radius: 8px;
    box-shadow: 4px 4px 16px rgba(100, 75, 50, 0.5);
}

.HITORI-YO-FORUM-THREAD-ROW {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid var(--HITORI-YO-RULER-BORDER-LIGHTBROWN-COLOUR);
}

.HITORI-YO-FORUM-THREAD-ROW:last-child {
    border-bottom: 0;
}

.HITORI-YO-FORUM-THREAD-DETAILS {
    min-width: 0;
}

.HITORI-YO-FORUM-THREAD-TITLE {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
}

.HITORI-YO-FORUM-THREAD-METADATA {
    color: var(--HITORI-YO-EXTRAINFO-TEXT-GRAY-COLOUR);
    font-size: 12px;
    line-height: 1.5;
}

.HITORI-YO-FORUM-THREAD-POST-COUNT {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    color: var(--HITORI-YO-CORE-BODY-TEXT-BLACK-COLOUR);
    font-size: 12px;
    white-space: nowrap;
}

.HITORI-YO-FORUM-THREAD-POST-COUNT strong {
    color: var(--HITORI-YO-CORE-BODY-TEXT-BLACK-COLOUR);
    font-weight: 400;
}


/* THREAD VIEW CSS */


.HITORI-YO-FORUM-BREADCRUMBS {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    color: var(--HITORI-YO-EXTRAINFO-TEXT-GRAY-COLOUR);
    font-size: 12px;
    line-height: 1.5;
    font-size: 20px;
}

.HITORI-YO-FORUM-BREADCRUMBS a {
    font-weight: 400;
}

.HITORI-YO-FORUM-POST {
    margin-bottom: 24px;
    padding: 16px 16px;
    background: var(--HITORI-YO-LIGHT-BACKGROUND-COLOUR);
    border-radius: 8px;
    box-shadow: 4px 4px 8px rgba(100, 75, 50, 0.5);
}

.HITORI-YO-FORUM-POST:last-child {
    margin-bottom: 0;
}

.HITORI-YO-FORUM-POST-TITLE {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.HITORI-YO-FORUM-POST-BODY {
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.HITORI-YO-FORUM-POST-AUTHORLINE {
    display: inline-block;
    max-width: 100%;
    padding: 8px 16px;
    background: var(--HITORI-YO-RULER-BORDER-LIGHTBROWN-COLOUR);
    border-radius: 16px;
    color: var(--HITORI-YO-CORE-BODY-TEXT-BLACK-COLOUR);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}



/* MOBILE LAYOUT - BASIC CONDENSING, CHANGING ALMOST NOTHING AS ELEMENTS ARE SO BASIC AND CAN NATURALLY SQUISH ANYWAY */

@media (max-width: 800px) {
    .HITORI-YO-FORUM-THREAD-ROW {
        padding: 9px 12px; /* 3/4 OF MAIN (12, 16) */
    }

    .HITORI-YO-FORUM-POST {
        margin-bottom: 18px; /* 3/4 OF MAIN 24 */
    }

@media (max-width: 600px) {
    .HITORI-YO-FORUM-THREAD-ROW {
        padding: 6px 8px; /* HALF OF MAIN (12, 16) */
    }

    .HITORI-YO-FORUM-POST {
        margin-bottom: 12px; /* HALF OF MAIN 24 */
}