/*  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=d6d1338b");
@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");
/* Smiley Battle — phpBB prosilver overrides */
/* Drop this into /forum/styles/prosilver/theme/ as a separate file (e.g. smiley-battle.css)
   and include it via custom HTML injection in the ACP, OR append to the bottom of
   stylesheet.css in your active style and re-purge the cache from the ACP. */

:root {
    --sb-yellow:      #ffd700;
    --sb-yellow-soft: rgba(255, 215, 0, 0.15);
    --sb-yellow-dim:  #c69500;
    --sb-dark:        #1a1a1a;
    --sb-bg:          #f8f7f3;
}

/* ---- Body / overall background ---- */
html, body {
    background: var(--sb-bg);
}

/* ---- Top header bar ---- */
.headerbar {
    background: var(--sb-dark) url('./images/site_logo.png') center 12px no-repeat !important;
    background-size: auto 60px !important;
    border-bottom: 4px solid var(--sb-yellow) !important;
    min-height: 90px;
    padding-bottom: 0;
}

/* Hide phpBB's default site description (we have the banner) */
.headerbar .site_logo,
.headerbar h1,
.headerbar #site_description {
    visibility: hidden;
    height: 0;
}

/* ---- Navigation tabs ---- */
.navbar {
    background: var(--sb-dark);
    border-top: 1px solid #333;
}
.navbar .linklist > li > a {
    color: #f0f0f0;
}
.navbar .linklist > li > a:hover {
    color: var(--sb-yellow);
}

/* ---- Forum category headers ---- */
.forabg,
.forumbg {
    background-color: var(--sb-yellow) !important;
    background-image: linear-gradient(180deg, #ffe54d 0%, var(--sb-yellow) 100%) !important;
    border-radius: 8px;
    overflow: hidden;
}
.forabg .header,
.forumbg .header {
    color: var(--sb-dark);
}
.forabg .header a,
.forumbg .header a {
    color: var(--sb-dark) !important;
}

/* ---- Links ---- */
a { color: var(--sb-yellow-dim); }
a:hover { color: var(--sb-yellow); }

/* ---- Buttons ---- */
.button {
    background: var(--sb-yellow) !important;
    border-color: var(--sb-yellow-dim) !important;
    color: var(--sb-dark) !important;
    border-radius: 6px;
}
.button:hover {
    background: #ffe54d !important;
}

/* ---- "Mark as read" and pagination ---- */
.pagination li.active span,
.pagination li a {
    border-radius: 4px;
}
.pagination li.active span {
    background: var(--sb-yellow);
    border-color: var(--sb-yellow-dim);
    color: var(--sb-dark);
}

/* ---- Post boxes ---- */
.post {
    border-radius: 6px;
}

/* ---- Footer ---- */
#page-footer {
    border-top: 3px solid var(--sb-yellow);
    background: var(--sb-dark);
    color: #c0c0c0;
    padding: 1rem 0;
    border-radius: 0;
}
#page-footer a { color: var(--sb-yellow); }

/* ---- Link back to main site (added via overall_footer_after.html) ---- */
.sb-backlink {
    text-align: center;
    padding: 0.75rem;
    background: var(--sb-dark);
    color: #f0f0f0;
}
.sb-backlink a {
    color: var(--sb-yellow);
    font-weight: 600;
}