/*  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");

/* ===============================
   UNRULY CITIZEN – DARK THEME
   =============================== */

:root {
  --bg-main: #0d1117;
  --bg-panel: #161b22;
  --bg-panel-alt: #1f2933;
  --border: #30363d;
  --text-main: #c9d1d9;
  --text-muted: #8b949e;
  --accent: #00b36a;
}

/* Base */
body {
  background: var(--bg-main);
  color: var(--text-main);
  font-size: 13px; /* default is usually 14px–15px */
    line-height: 1; /* optional, improves readability */
}

/* Links */
a {
  color: var(--accent);
}
a:hover {
  color: #ffffff;
}

/* Header */
#page-header {
    background-color: var(--bg-panel) !important;
    border-bottom: 1px solid var(--border) !important;
}

/* Forum containers */
.forabg,
.forumbg,
.panel {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 6px;
}

.headerbar, .forumbg {
    background-color: var(--bg-panel) !important;  /* dark panel color */
    background-image: none !important;            /* remove gradient */
    border-bottom: 1px solid var(--border) !important;
}

/* Forum rows */
li.row {
  background: transparent;
  border-bottom: 1px solid var(--border);
}
li.row:hover {
  background: var(--bg-panel-alt);
}

/* Post body */
.postbody {
  color: var(--text-main);
}

/* Buttons */
.button,
input.button1 {
  background: transparent;
  border: 1px solid var(--accent);
  color: var(--accent);
  border-radius: 4px;
}
.button:hover {
  background: var(--accent);
  color: #000;
}

/* Forms */
input,
textarea,
select {
  background: #0b0f14;
  border: 1px solid var(--border);
  color: var(--text-main);
}

/* Pagination */
.pagination li a {
  background: transparent;
  border: 1px solid var(--border);
}
.pagination li.active span {
  background: var(--accent);
  color: #000;
}

/* Remove old gradients */
.forabg, .forumbg {
  background-image: none;
}

.unruly-banner {
  background: #000;
  border-bottom: 1px solid var(--border);
}
.unruly-inner {
  max-width: 1200px;
  margin: auto;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.unruly-logo {
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--accent);
  text-decoration: none;
}
.unruly-nav a {
  margin-left: 20px;
  color: var(--text-muted);
  text-decoration: none;
}
.unruly-nav a:hover {
  color: var(--accent);
}

@import url("custom.css");

/* === Unruly Citizen Green Override === */

/* Icons (SVG + font icons) */
.icon.icon-green,
.icon.icon-green svg,
.icon.icon-green svg path,
.icon.icon-green use {
    color: #3fae6b !important;
    fill: #3fae6b !important;
}

/* Hover state */
a:hover .icon.icon-green,
a:hover .icon.icon-green svg,
a:hover .icon.icon-green svg path {
    color: #5fd88a !important;
    fill: #5fd88a !important;
}

.panel .content {
    color: var(--text-main);
}

.panel dd label,
.panel label {
    color: var(--text-main);
}

.panel h2,
.panel .content h2 {
    color: var(--text-main); /* matches your readable text color */
    border-bottom-color: var(--border); /* optional, if you want the line to show */
}

/* Make h3 readable in dark panels */
.panel h3,
.panel .content h3 {
    color: var(--text-main);   /* light text color for dark background */
    border-bottom-color: var(--border); /* optional: border matches panel theme */
}