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

/*
 * WeedGuru phpBB style v0.2
 * Child style of prosilver 3.3.17.
 * Presentation-only overrides: larger type, clearer topic reading,
 * stronger WeedGuru masthead, and consistent charcoal/green identity.
 */

:root {
  --wg-green: #67ad2f;
  --wg-green-dark: #2f741c;
  --wg-green-deep: #225c15;
  --wg-green-soft: #a7d879;
  --wg-charcoal: #151a15;
  --wg-charcoal-2: #202620;
  --wg-paper: #f3f1e8;
  --wg-card: #ffffff;
  --wg-line: #d8ded2;
  --wg-text: #202520;
  --wg-muted: #667066;
}

html, body {
  background: var(--wg-paper);
  color: var(--wg-text);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}

.wrap {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 18px;
  background: #fff;
}

/* ===== WeedGuru masthead ===== */
.headerbar {
  position: relative;
  min-height: 250px;
  margin: 0 0 16px;
  padding: 24px 30px;
  overflow: hidden;
  border-radius: 0 0 14px 14px;
  background:
    linear-gradient(90deg, rgba(8, 13, 8, .86), rgba(8, 13, 8, .43)),
    url("/wp-content/uploads/2020/02/banner-bg.jpg") center / cover no-repeat;
  box-shadow: 0 8px 28px rgba(0,0,0,.17);
}

.headerbar .inner {
  position: relative;
  z-index: 2;
}

.logo {
  display: block !important;
  position: absolute;
  left: 28px;
  top: 26px;
  z-index: 4;
  margin: 0 !important;
}

.site_logo {
  display: block !important;
  width: 365px !important;
  height: 126px !important;
  max-width: 68vw;
  background-image: url("/wp-content/uploads/2020/02/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

.site-description {
  display: none;
}

.headerbar::after {
  content: "Community forum · Est. 2002";
  position: absolute;
  left: 34px;
  bottom: 24px;
  z-index: 3;
  color: #f4f7f1;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0,0,0,.75);
}

.search-header {
  position: absolute;
  right: 28px;
  top: 28px;
  z-index: 5;
}

/* ===== Utility navigation ===== */
.navbar {
  margin-bottom: 14px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid var(--wg-line);
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(20,30,20,.05);
  font-size: 14px;
}

.navbar a,
.breadcrumbs .crumb a {
  color: var(--wg-green-dark);
}

.navbar a:hover,
.breadcrumbs .crumb a:hover {
  color: var(--wg-green);
}

.breadcrumbs {
  font-size: 14px;
}

/* ===== Forum index/category blocks ===== */
.forabg,
.forumbg {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--wg-charcoal);
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
}

.forabg .header,
.forumbg .header {
  color: #fff;
  font-size: 13px;
  letter-spacing: .03em;
}

.forabg .header a,
.forumbg .header a {
  color: #fff;
}

.forabg .header a:hover,
.forumbg .header a:hover {
  color: var(--wg-green-soft);
}

ul.forums,
ul.topiclist {
  background: transparent;
}

li.row {
  min-height: 64px;
  padding-top: 4px;
  padding-bottom: 4px;
  background: var(--wg-card);
  border-bottom: 1px solid #e4e8e0;
}

li.row:hover {
  background: #f3f8ef;
}

.forumtitle,
.topictitle,
li.row strong a {
  color: var(--wg-green-deep);
  font-size: 16px;
  font-weight: 750;
}

.forumtitle:hover,
.topictitle:hover,
li.row strong a:hover {
  color: var(--wg-green);
}

.forums .list-inner,
.topiclist .list-inner {
  font-size: 13.5px;
  line-height: 1.35;
}

.topiclist dd {
  font-size: 13.5px;
}

/* ===== Topic title / controls ===== */
h2,
.topic-title,
.postbody h3 {
  color: #174f78;
}

h2 {
  font-size: 27px;
  line-height: 1.18;
  margin-bottom: 6px;
}

.action-bar {
  font-size: 14px;
}

/* ===== Posts ===== */
.panel,
.post {
  background: var(--wg-card);
  border: 1px solid var(--wg-line);
  border-radius: 11px;
  box-shadow: 0 4px 16px rgba(20,30,20,.045);
}

.post {
  margin-bottom: 12px;
  padding: 14px 16px;
}

.postbody {
  font-size: 15px;
}

.postbody h3,
.postbody h3 a {
  font-size: 20px;
  line-height: 1.25;
  color: #145885;
}

.postbody .author {
  margin-bottom: 12px;
  font-size: 13.5px;
}

.postbody .content {
  color: var(--wg-text);
  font-size: 16.5px;
  line-height: 1.72;
}

.postbody .content p {
  margin-bottom: 1.05em;
}

.postprofile {
  color: var(--wg-muted);
  border-color: var(--wg-line);
  font-size: 13.5px;
  line-height: 1.45;
}

.postprofile dt,
.postprofile dd {
  margin-bottom: 2px;
}

.postprofile a,
.postlink,
.content a {
  color: var(--wg-green-dark);
}

.postprofile a:hover,
.postlink:hover,
.content a:hover {
  color: var(--wg-green);
}

/* Images inside old posts */
.postbody .content img {
  max-width: 100%;
  height: auto;
}

/* Quotes and code */
blockquote {
  margin: 12px 0;
  padding: 12px 14px;
  background: #f0f5eb;
  border: 1px solid #ccd9c2;
  border-radius: 7px;
  font-size: 14.5px;
}

.codebox {
  background: #f5f5f1;
  border-color: #d5dacd;
  border-radius: 7px;
}

/* ===== Buttons ===== */
.button,
.button1,
.button2,
a.button1,
a.button2,
input.button1,
input.button2 {
  border-color: var(--wg-green-dark);
  color: #fff;
  background: var(--wg-green-dark);
  border-radius: 7px;
  box-shadow: none;
  font-weight: 700;
}

.button:hover,
.button1:hover,
.button2:hover,
a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover {
  border-color: var(--wg-green);
  background: var(--wg-green);
  color: #fff;
}

.button-search,
.button-search-end {
  color: var(--wg-green-dark);
}

/* Inputs */
input.inputbox,
textarea.inputbox,
select {
  border-color: #bcc7b5;
  background: #fff;
  color: var(--wg-text);
  border-radius: 6px;
  font-size: 14px;
}

input.inputbox:focus,
textarea.inputbox:focus,
select:focus {
  border-color: var(--wg-green);
  box-shadow: 0 0 0 2px rgba(103,173,47,.13);
}

/* Pagination */
.pagination {
  font-size: 13.5px;
}

.pagination li a {
  color: var(--wg-green-dark);
  background: #fff;
  border-color: #cbd4c5;
}

.pagination li a:hover,
.pagination li.active span {
  color: #fff;
  background: var(--wg-green-dark);
  border-color: var(--wg-green-dark);
}

/* Quick reply */
#qr_postform .panel {
  padding: 16px;
}

#qr_postform textarea {
  min-height: 165px;
}

/* Footer */
.page-footer {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 4px solid var(--wg-green);
}

.page-footer .navbar {
  font-size: 13px;
}

.copyright {
  color: #758075;
  font-size: 12.5px;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
  body { font-size: 14.5px; }

  .wrap {
    padding: 0 10px;
  }

  .headerbar {
    min-height: 190px;
    padding: 16px;
  }

  .logo {
    left: 18px;
    top: 18px;
  }

  .site_logo {
    width: 285px !important;
    height: 98px !important;
  }

  .search-header {
    right: 16px;
    top: 120px;
  }

  .headerbar::after {
    left: 20px;
    bottom: 16px;
    font-size: 12px;
  }

  .postbody .content {
    font-size: 16px;
    line-height: 1.67;
  }
}

@media (max-width: 700px) {
  .headerbar {
    min-height: 180px;
  }

  .site_logo {
    width: 245px !important;
    height: 84px !important;
  }

  .search-header {
    display: none;
  }

  .post {
    border-radius: 8px;
  }

  h2 {
    font-size: 23px;
  }

  .postbody h3,
  .postbody h3 a {
    font-size: 18px;
  }

  .postbody .content {
    font-size: 16px;
  }
}