/* Online image */
.online { background-image: url("./icon_user_online.gif"); }


/* === Blue/Grey THEME (FINAL merge) === */
:root {
  --outer-bg: #0F172A;
  --link-color: #FFD700;
  --link-hover: #FFC107;
  --info-text-color: #4682B4;

  --forum-bg: #FFFFFF;
  --forum-table-bg: #93A3B3;
  --forum-header-bg: #0F172A;

  --input-bg: #FFFFFF;
  --button-bg: #FFFFFF;
  --user-info-bg: #FFFFFF;

  --post-bg: #B8C2CC;
  --author-bg: #B8C2CC;
  --button-icon: #4682B4;
}

/* Page & container backgrounds */
html, body { background: var(--outer-bg) !important; }
#wrap, .wrap, .page-body, .page-container { background-color: var(--forum-bg) !important; }

/* Headers / menu bar */
.headerbar, .forabg, .forumbg, .navbar, .menu-bar, .navigation, .topbar, .page-header {
  background-color: var(--forum-header-bg) !important;
  border-color: var(--forum-header-bg) !important;
}

/* Tables */
#wrap table, .page-body table, .wrap table {
  background-color: var(--forum-table-bg) !important;
}
#wrap table th, #wrap table td, .page-body table th, .page-body table td {
  background-color: var(--forum-table-bg) !important;
}
#wrap table, #wrap table th, #wrap table td,
.page-body table, .page-body table th, .page-body table td {
  border-color: var(--forum-header-bg) !important;
}

/* Links & info text */
a, a:link, a:visited { color: var(--link-color) !important; }
a:hover, a:focus { color: var(--link-hover) !important; }
.time, .post-time, .lastpost, .lastpost span, .topiclist .lastpost span,
.stat-block, .stat-block p, .stat-block li,
.online-list, .online-list p, .online-list li,
.birthdays, .statistics, .statistics p,
.forum-description, .forum-statistics, .responsive-show .time,
.small, .notice, .rules, .info, .copyright {
  color: var(--info-text-color) !important;
}

/* Inputs/search/user info/button background */
textarea, .message-box textarea, .message-box .inputbox,
input[type="text"], input[type="search"], input[type="email"],
input[type="password"], .search, .search-box input, #search-box input {
  background-color: var(--input-bg) !important;
  color: inherit;
}
.postprofile, .profile, .mini-profile, .user-info, .author {
  background-color: var(--user-info-bg) !important;
}
.button, .button1, .button2, .btn, input[type="submit"], input[type="button"], input[type="reset"] {
  background-color: var(--button-bg) !important;
  color: inherit;
}

/* Borders around forums/posts */
.forabg, .forumbg, .topiclist, .post, .post .inner, .postbody, .postprofile {
  border-color: var(--forum-header-bg) !important;
  border-width: 1px !important;
  border-style: solid !important;
}

/* NEW: post body + author bar background */
.post .postbody, .postbody, .postbody .content {
  background-color: var(--post-bg) !important;
}
p.author {
  background-color: var(--author-bg) !important;
}

/* NEW: button icon color (not images) */
.button i, .button1 i, .button2 i, .btn i,
.button svg, .button1 svg, .button2 svg, .btn svg,
.button .icon, .button1 .icon, .button2 .icon, .btn .icon,
a.button i, a.button svg, a.button .icon,
a.btn i, a.btn svg, a.btn .icon {
  color: var(--button-icon) !important;
  fill: var(--button-icon) !important;
  stroke: var(--button-icon) !important;
}


/* === Tweaks v4: username color & headerbar === */
:root {
  --username-default: #0F172A;
  --headerbar-bg: #0F172A;
}

/* Headerbar hard set */
.headerbar {
  background-color: var(--headerbar-bg) !important;
  border-color: var(--headerbar-bg) !important;
}

/* Default username color, excluding moderators/administrators and inline-coloured names */
a.username:not(.username-coloured):not(.group-administrators):not(.group-admin):not(.administrator):not(.admin)
         :not(.group-global_moderators):not(.group-moderators):not(.moderator):not(.mod):not([style*="color"]),
.username:not(.username-coloured):not(.group-administrators):not(.group-admin):not(.administrator):not(.admin)
         :not(.group-global_moderators):not(.group-moderators):not(.moderator):not(.mod):not([style*="color"]) {
  color: var(--username-default) !important;
}

/* Also target common places usernames appear (post author link, profile link), respecting exclusions */
.post .author a:not(.username-coloured):not([style*="color"]),
.profile a.username:not(.username-coloured):not([style*="color"]) {
  color: var(--username-default) !important;
}