/* ==========================================================================
   ourplaceof.rest — Cozy phpBB style
   Inherits from prosilver. Overrides palette + a few key surfaces so the
   forum matches the main site (warm parchment, walnut, moss, amber).
   ========================================================================== */

/* Pull in prosilver's base */
@import url("../../prosilver/theme/stylesheet.css");

:root {
  --cozy-paper:      #f4ecd8;
  --cozy-paper-dim:  #e8dcc0;
  --cozy-paper-edge: #d8c89a;
  --cozy-ink:        #3a2e21;
  --cozy-ink-soft:   #6a5840;
  --cozy-bark:       #8b5a3c;
  --cozy-moss:       #6b8e4e;
  --cozy-moss-deep:  #4a6b35;
  --cozy-amber:      #c97e3f;
  --cozy-link:       #7a4e2e;
}

/* ----- page chrome ----- */
html { background: var(--cozy-paper-edge); }
body {
  background: var(--cozy-paper);
  color: var(--cozy-ink);
  font-family: 'Trebuchet MS', Verdana, 'Lucida Sans', sans-serif;
}

/* prosilver wraps everything in #wrap > #page-header / #page-body / #page-footer */
#wrap {
  background: var(--cozy-paper);
  border: 1px solid var(--cozy-paper-edge);
  box-shadow: 0 2px 8px rgba(58, 46, 33, 0.12);
}

/* ----- header ----- */
#page-header {
  background: linear-gradient(180deg, var(--cozy-paper) 0%, var(--cozy-paper-dim) 100%);
  border-bottom: 3px double var(--cozy-bark);
}
#site-description h1 {
  font-family: Georgia, 'Palatino Linotype', serif;
  color: var(--cozy-ink);
}
#site-description p { color: var(--cozy-ink-soft); font-style: italic; }

/* ----- top nav ----- */
.navbar, .nav-main, #nav-main {
  background: var(--cozy-moss);
  border-color: var(--cozy-moss-deep);
}
.navbar a, .nav-main a, #nav-main a {
  color: var(--cozy-paper) !important;
}
.navbar a:hover, .nav-main a:hover {
  background: var(--cozy-moss-deep);
}

/* ----- forum index ----- */
.forabg, .forumbg {
  background: var(--cozy-paper);
  border: 1px solid var(--cozy-paper-edge);
  border-top: 3px solid var(--cozy-moss);
  margin-bottom: 14px;
  border-radius: 0;
}
.forabg .header, .forumbg .header {
  background: var(--cozy-moss);
  color: var(--cozy-paper);
  font-family: Georgia, serif;
}
.forabg .header a, .forumbg .header a {
  color: var(--cozy-paper) !important;
  text-decoration: none;
}
.forabg li.row, .forumbg li.row {
  background: var(--cozy-paper);
  border-bottom: 1px dotted var(--cozy-paper-edge);
}
.forabg li.row:hover, .forumbg li.row:hover {
  background: var(--cozy-paper-dim);
}

/* category headers (between forabgs) */
.rowbg, .header dt, .header dd {
  background: var(--cozy-paper-dim);
  color: var(--cozy-ink);
}

/* ----- links ----- */
a {
  color: var(--cozy-link);
  text-decoration: underline;
  text-decoration-style: dotted;
}
a:hover {
  color: var(--cozy-amber);
  text-decoration-style: solid;
}
a:visited {
  color: #5a3e8c;
}

/* ----- topic / post bodies ----- */
.post {
  background: var(--cozy-paper);
  border: 1px solid var(--cozy-paper-edge);
  border-left: 4px solid var(--cozy-moss);
}
.post.bg2 { background: var(--cozy-paper-dim); }
.postbody h3 a { color: var(--cozy-bark); }

/* signatures */
.signature {
  border-top: 1px dashed var(--cozy-bark);
  color: var(--cozy-ink-soft);
  font-style: italic;
}

/* ----- buttons ----- */
.button, input.button1, input.button2, input.button3, button.button1, button.button2 {
  background: var(--cozy-amber);
  color: var(--cozy-paper);
  border: 1px solid var(--cozy-bark);
  border-radius: 2px;
  font-family: Georgia, serif;
  text-shadow: none;
  box-shadow: 0 1px 0 #fff inset;
}
.button:hover, input.button1:hover, input.button2:hover, button.button1:hover, button.button2:hover {
  background: var(--cozy-bark);
  color: var(--cozy-paper);
  border-color: var(--cozy-ink);
}

/* ----- footer ----- */
#page-footer {
  background: var(--cozy-paper);
  border-top: 3px double var(--cozy-bark);
  color: var(--cozy-ink-soft);
}
#page-footer a { color: var(--cozy-ink-soft); }

/* ----- subtle: round nothing, soften shadows ----- */
.headerbar, .navbg, .forumbg, .forabg, .post, .panel, .topiclist {
  border-radius: 0 !important;
}

/* ----- signatures-allowed pixel-art mascots in posts render crisp ----- */
.postbody img.mascot, .signature img {
  image-rendering: pixelated;
}

/* ============================================================
   Cozy patch — kill remaining prosilver blue surfaces.
   Added to fight prosilver's higher-specificity selectors and
   its background-image: url(./images/bg_header.gif) on .headerbar.
   ============================================================ */

/* The big blue logo strip */
.headerbar,
#page-header .headerbar {
    background: linear-gradient(180deg, var(--cozy-paper) 0%, var(--cozy-paper-dim) 100%) !important;
    background-image: none !important;
    color: var(--cozy-ink) !important;
    border-bottom: 1px solid var(--cozy-paper-edge);
}
.headerbar a { color: var(--cozy-link) !important; }

/* phpBB's site_logo is a hard-coded blue gradient image; tone it with sepia */
.site_logo,
.headerbar .site_logo,
#site-description .site_logo {
    filter: sepia(45%) saturate(55%) hue-rotate(-12deg);
    opacity: 0.82;
}

/* Search box on the right of the header */
#search-box .inputbox,
.headerbar #search-box input {
    background: var(--cozy-paper) !important;
    color: var(--cozy-ink) !important;
    border: 1px solid var(--cozy-bark) !important;
}
#search-box .button {
    background: var(--cozy-amber) !important;
    border-color: var(--cozy-bark) !important;
}

/* Quick links / FAQ / ACP / MCP bar — prosilver paints this with .navbar
   and a gradient BG image; both need explicit override */
#page-header .navbar,
.navbar,
.navbar.linklist {
    background: var(--cozy-moss) !important;
    background-image: none !important;
    border-color: var(--cozy-moss-deep) !important;
}
#page-header .navbar a,
.navbar .linklist > li > a,
.navbar a {
    color: var(--cozy-paper) !important;
}
#page-header .navbar a:hover,
.navbar a:hover {
    background: var(--cozy-moss-deep) !important;
    color: #fff !important;
}
.navbar .icon-notification,
.navbar .badge {
    color: var(--cozy-paper) !important;
}

/* "Board Index" breadcrumb strip + the bottom mirror — already mostly OK,
   but prosilver paints linklist::before / icon spans with light blue, kill them */
.linklist .icon,
.linklist .responsive-menu-link {
    color: var(--cozy-ink) !important;
}

/* Topic-list column headers are blue in prosilver */
ul.topiclist.bg_block dl > dt,
.topiclist.bg_block,
.bg_block {
    background: var(--cozy-paper-edge) !important;
    color: var(--cozy-ink) !important;
}

/* "It is currently …" / "Last visit was …" line — readable on parchment */
.topic-actions, .action-bar { color: var(--cozy-ink-soft); }
