/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

.site_logo {
    background-image: url("./images/site_logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;   /* adjust */
    height: 60px;   /* adjust */
}

/* Header background */
#page-header {
    background: #f4f7f6;
    border-bottom: 1px solid #d6e2de;
}

/* Navbar strip */
.navbar {
    background: #e9f1ef;
    border: none;
}

/* Links */
a,
a:visited {
    color: #2f7d6d;
}

a:hover {
    color: #245f54;
}

/* Buttons */
.button,
.button1,
.button2 {
    background: #2f7d6d;
    border-color: #245f54;
    color: #fff;
}

.button:hover {
    background: #245f54;
}

/* Forum and topic titles */
a.forumtitle,
a.topictitle {
    color: #2f7d6d;
}

a.forumtitle:hover,
a.topictitle:hover {
    color: #245f54;
}

/* Section headers */
.forabg,
.forumbg {
    background: #ffffff;
    border: 1px solid #d6e2de;
}

.forabg .header,
.forumbg .header {
    background: #e9f1ef;
}

/* Row backgrounds */
.bg1 { background-color: #ffffff; }
.bg2 { background-color: #f9fbfa; }

/* Borders */
.table1 tbody td {
    border-color: #d6e2de;
}

/* REMOVE phpBB blue header bar */
.headerbar {
    background: #f4f7f6 !important;
    border-bottom: 1px solid #d6e2de;
    /* Forum title + description */
}

/* Forum title + description */
.headerbar h1,
.headerbar h1 a,
.headerbar .site-description {
    color: #245f54 !important; /* dark green */
}

/* Ensure logo area matches */
.headerbar .inner {
    background: transparent;
}

/* =========================
   Sea Salt Moss Custom Styles
   Responsive & Full-Width
   ========================= */

/* ---------- Header ---------- */
.headerbar {
    background: #f4f7f6 !important;
    border-bottom: 1px solid #d6e2de !important;
}

.headerbar h1,
.headerbar h1 a,
.headerbar .site-description {
    color: #245f54 !important; /* dark green */
}

/* ---------- Forum Wrapper (95% width) ---------- */
#wrap {
    max-width: 95% !important;   /* 95% of the browser width */
    width: 95% !important;
    margin: 0 auto;             /* center the forum */
    padding: 0 20px;            /* optional side padding */
}

/* Inner content boxes still stretch */
#page-body, .forabg, .forumbg, .post, .panel {
    width: 100% !important;
}

/* ---------- Responsive for Mobile (keep full width on small screens) ---------- */
@media (max-width: 768px) {
    #wrap {
        width: 100% !important; /* full width on mobile */
        padding: 0 10px;        /* smaller side padding */
    }

    /* Reduce font sizes slightly on mobile */
    .headerbar h1 {
        font-size: 1.5em;
    }
    
    .headerbar .site-description {
        font-size: 0.9em;
    }

    /* Make tables scrollable if too wide */
    table.table1 {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* ---------- Optional: Forum post background & spacing ---------- */
.forabg, .forumbg {
    background: #fefcf7; /* light cream background for posts/threads */
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
}

.postbody {
    background: #ffffff; /* white post background */
    padding: 10px;
    border-radius: 5px;
}

/* ---------- Links & buttons ---------- */
a {
    color: #245f54; /* dark green links */
}

.button1 {
    background: #245f54 !important;
    color: #fff !important;
    border: none !important;
}

/* === Custom Mobile Responsive Rules === */

/* Make tables scrollable on small screens */
@media (max-width: 768px) {
    .table1, .table1 th, .table1 td {
        display: block;
        width: 100%;
    }
    .table1 td {
        white-space: normal;
    }
}

/* Shrink avatars */
@media (max-width: 480px) {
    .postprofile .avatar {
        width: 50px;
        height: 50px;
    }
}

/* Adjust forum topic lists */
@media (max-width: 768px) {
    .forumbg .header, .forumbg .row {
        display: block;
    }
    .forumbg .row {
        margin-bottom: 1rem;
    }
}

/* Optional: make community CTA buttons responsive */
@media (max-width: 480px) {
    .community-button {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
}

/* === Mobile Responsive for phpBB === */

/* General container adjustments */
@media (max-width: 768px) {
    #page-body, #wrap {
        padding: 0 0.5rem;
    }
}

/* Make tables scrollable */
@media (max-width: 768px) {
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    table th, table td {
        white-space: nowrap;
    }
}

/* Shrink avatars in posts */
@media (max-width: 480px) {
    .postprofile .avatar {
        width: 50px;
        height: 50px;
    }
    .postbody {
        margin-left: 60px; /* leave space for small avatar */
    }
}

/* Make forum topic rows stack */
@media (max-width: 768px) {
    .forumbg .row, .forumbg .header {
        display: block;
        width: 100%;
    }
    .forumbg .row {
        margin-bottom: 1rem;
    }
}

/* Community button / CTA adjustments */
@media (max-width: 480px) {
    .community-button {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
}

/* Optional: force images to shrink */
@media (max-width: 768px) {
    img {
        max-width: 100%;
        height: auto;
    }
}