@import url("../../prosilver/theme/stylesheet.css");

:root {
  --yard-black: #080A07;
  --yard-wood: #1B120B;
  --yard-green: #162719;
  --yard-green-2: #243821;
  --yard-cream: #EFE2C2;
  --yard-muted: #A8956F;
  --yard-orange: #C85F1B;
  --yard-orange-hover: #E07322;
  --yard-border: rgba(239, 226, 194, 0.18);
}

html, body {
  background: var(--yard-black);
  color: var(--yard-cream);
}

body {
  background:
    linear-gradient(180deg, rgba(8,10,7,0.88), rgba(8,10,7,0.97)),
    radial-gradient(circle at top left, rgba(200,95,27,0.14), transparent 36%),
    linear-gradient(120deg, #1B120B 0%, #080A07 50%, #162719 100%);
}

.wrap {
  max-width: 1180px;
}

/* Header / banner */
.headerbar {
  background:
    linear-gradient(90deg, rgba(8,10,7,0.94), rgba(22,39,25,0.72)),
    url("./images/yard-header.png");
  background-size: cover;
  background-position: center;
  border-radius: 0 0 22px 22px;
  border: 1px solid var(--yard-border);
  box-shadow: 0 18px 48px rgba(0,0,0,0.45);
  min-height: 220px;
}

.site_logo {
  background-image: none;
}

#site-description h1,
#site-description h1 a {
  color: var(--yard-cream);
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 3px 12px rgba(0,0,0,0.75);
}

#site-description p {
  color: var(--yard-muted);
  font-size: 15px;
}

/* Navigation */
.navbar {
  background: rgba(27,18,11,0.96);
  border: 1px solid var(--yard-border);
  border-radius: 16px;
}

.navbar a {
  color: var(--yard-cream);
}

.navbar a:hover {
  color: var(--yard-orange-hover);
}

/* Forum category boxes */
.forabg,
.forumbg {
  background: linear-gradient(180deg, var(--yard-green-2), var(--yard-green));
  border: 1px solid var(--yard-border);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.25);
}

li.header {
  background: rgba(8,10,7,0.45);
  color: var(--yard-cream);
  border-radius: 16px 16px 0 0;
}

li.header dt,
li.header dd {
  color: var(--yard-cream);
}

ul.forums {
  background: rgba(8,10,7,0.20);
}

li.row {
  background: rgba(239,226,194,0.045);
  border-top: 1px solid rgba(239,226,194,0.12);
}

li.row:hover {
  background: rgba(200,95,27,0.11);
}

/* Links */
a,
a.forumtitle,
a.topictitle {
  color: var(--yard-cream);
}

a:hover,
a.forumtitle:hover,
a.topictitle:hover {
  color: var(--yard-orange-hover);
}

/* Panels and posts */
.panel,
.post,
.content {
  background: rgba(22,39,25,0.82);
  color: var(--yard-cream);
  border: 1px solid var(--yard-border);
  border-radius: 16px;
}

.postprofile,
.postbody,
.content p,
dd,
dt {
  color: var(--yard-cream);
}

/* Buttons */
.button,
.button1,
.button2,
input.button1,
input.button2,
input[type="submit"] {
  background: var(--yard-orange);
  color: #FFF5DF;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 12px;
  font-weight: 700;
  box-shadow: none;
}

.button:hover,
.button1:hover,
.button2:hover,
input.button1:hover,
input.button2:hover,
input[type="submit"]:hover {
  background: var(--yard-orange-hover);
  color: #FFF5DF;
}

/* Tables and footer */
table.table1 thead th {
  color: var(--yard-cream);
}

.copyright {
  color: var(--yard-muted);
}/* === The Yard readability polish === */

body {
  background: #080A07 !important;
  color: #EFE2C2 !important;
}

/* Main page wrapper area */
#wrap,
.wrap {
  background: transparent !important;
}

/* Fix bright white center areas */
.page-body,
#page-body {
  background: rgba(8, 10, 7, 0.78) !important;
  border-radius: 18px;
  padding: 10px 0;
}

/* Make normal text readable */
p,
dd,
dt,
li,
label,
fieldset,
.panel,
.content,
.postbody,
.postprofile {
  color: #EFE2C2 !important;
}

/* Secondary text */
.time,
.responsive-hide,
.statistics,
.online-list,
.permissions,
.copyright {
  color: #CDBB91 !important;
}

/* Section titles like WHO IS ONLINE / STATISTICS */
h2,
h3,
.stat-block h3,
.online-list h3 {
  color: #EFE2C2 !important;
  border-bottom-color: rgba(239, 226, 194, 0.25) !important;
}

/* Login/statistics panels and pale areas */
.panel,
.stat-block,
.online-list,
.permissions {
  background: rgba(22, 39, 25, 0.72) !important;
  border: 1px solid rgba(239, 226, 194, 0.14) !important;
  border-radius: 14px;
  padding: 10px;
}

/* Forum rows */
li.row {
  background: rgba(20, 35, 22, 0.92) !important;
}

li.row:hover {
  background: rgba(50, 67, 35, 0.95) !important;
}

/* Category headers */
li.header,
li.header dt,
li.header dd {
  background: #101D13 !important;
  color: #FFF1CC !important;
}

/* Forum title links */
a.forumtitle,
a.topictitle {
  color: #FFF1CC !important;
  font-weight: 700;
}

a.forumtitle:hover,
a.topictitle:hover,
a:hover {
  color: #E07322 !important;
}

/* Top nav bar polish */
.navbar {
  background: rgba(27, 18, 11, 0.98) !important;
  border: 1px solid rgba(239, 226, 194, 0.18) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
}

/* Header image readability */
.headerbar {
  background:
    linear-gradient(90deg, rgba(8,10,7,0.88), rgba(8,10,7,0.56), rgba(8,10,7,0.78)),
    url("./images/yard-header.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 230px;
}

/* Header title */
#site-description h1,
#site-description h1 a {
  color: #FFF1CC !important;
  text-shadow: 0 4px 14px rgba(0,0,0,0.95);
}

#site-description p {
  color: #EFE2C2 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,0.9);
}

/* Search box */
.search-box input {
  background: #FFF5DF !important;
  color: #1B120B !important;
  border: 1px solid #C85F1B !important;
}

.search-box .button,
.search-box button {
  background: #C85F1B !important;
  color: #FFF5DF !important;
}

/* Footer */
.page-footer,
#page-footer {
  background: transparent !important;
  color: #CDBB91 !important;
}

.page-footer a,
#page-footer a {
  color: #FFF1CC !important;
}
/* Hide public board stats and online info for private-clubhouse feel */
.stat-block,
.online-list,
.birthday-list,
#page-body > .panel,
p.rightside,
p.time,
.action-bar.bar-top,
.action-bar.bar-bottom {
  display: none !important;
}