/* Theme: Dark Theme (qposts.23.css)
 * This file contains ONLY theme-specific properties (colors, borders, fonts)
 * Common layout/structure rules are in general.css
 */

body {
  color: #FFFFFF;
  background-color: #252830;
  font-family:'Roboto-Light',Sans-Serif;
  /* Search strip — sit under dark nav, not Bootstrap bg-light */
  --qagg-search-bg: #1c2028;
  --qagg-search-border: #3d4450;
  --qagg-search-text: #e8eaed;
  --qagg-search-muted: #9aa0a6;
  --qagg-search-input-bg: #2a303a;
  --qagg-search-input-text: #f1f3f4;
  --qagg-search-input-border: #4a5160;
  --qagg-search-input-focus: #5b9fd4;
  --qagg-search-sidebtn-bg: #252a33;
  --qagg-search-sidebtn-hover: #343b48;
  --qagg-search-btn-bg: #c0392b;
  --qagg-search-btn-text: #ffffff;
  --qagg-search-btn-border: #a93226;
  --qagg-search-btn-hover-bg: #922b21;
  --qagg-search-btn-hover-border: #7b241c;
  --qagg-search-btn-outline-text: #e8eaed;
  --qagg-search-btn-outline-border: #4a5160;
  --qagg-search-btn-outline-bg: #252a33;
  --qagg-search-btn-outline-hover-bg: #343b48;
  --qagg-search-refine-bg: linear-gradient(180deg, #2a2618 0%, #1c2028 100%);
  --qagg-search-refine-border: #b8860b;
  --qagg-search-refine-text: #f0e6c8;
  --qagg-search-refine-help: #c5b896;
  --qagg-search-refine-warn: #e6c35c;
  /* Paginator button bar */
  --btn-bg: #3d4450;
  --btn-color: #f1f3f4;
  --btn-border: #5a6270;
  --btn-hover-bg: #4a5160;
  --btn-hover-border: #7a8494;
  --btn-focus: #5b9fd4;
  --btn-active-bg: #1e7e34;
  --btn-active-border: #19692c;
  --btn-active-hover: #19692c;
  --btn-active-hover-border: #145523;
  --dropdown-bg: #2a303a;
  --dropdown-border: #4a5160;
  --dropdown-text: #e8eaed;
  --dropdown-muted: #9aa0a6;
  --dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --qagg-history-btn-color: #e6c35c;
  --qagg-history-btn-border: rgba(230, 195, 92, 0.5);
  --qagg-history-btn-hover-bg: rgba(230, 195, 92, 0.15);
  --qagg-history-btn-hover-color: #fff8dc;
  /* Site menu */
  --nav-bg: linear-gradient(#8f99a3, #343a40, #343a40, #8f99a3);
  --nav-border: transparent;
  --nav-link: #ffffff;
  --nav-link-hover: #c5d4e8;
  --nav-icon: #c8cdd4;
  --nav-icon-hover: #ffffff;
  --nav-toggler-filter: none; /* navbar-dark already provides a light icon */
  /* Page panels (siteoptions) */
  --page-surface: #2a303a;
  --page-surface-alt: #1c2028;
  --page-text: #e8eaed;
  --page-muted: #9aa0a6;
  --page-border: #4a5160;
  --page-header-bg: #3d4450;
  --page-header-text: #ffffff;
  --page-primary: #5b9fd4;
  --page-primary-text: #ffffff;
  --page-primary-hover: #4a8fc0;
  --page-alert-bg: #3a3520;
  --page-alert-text: #e6c35c;
  --page-alert-border: #b8860b;
  --page-input-bg: #1c2028;
  --page-input-text: #f1f3f4;
  --page-input-border: #4a5160;
  --page-tab-bg: #252a33;
  --page-tab-text: #c8cdd4;
  --page-tab-border: #4a5160;
  --page-tab-hover-bg: #343b48;
  --page-tab-active-bg: #2a303a;
  --page-tab-active-text: #5b9fd4;
  --page-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.4);
}

div.truthbox div.innerpostbox {
  background-color: rgb(20 17 47);
  border: 1px solid white;
}

div.truthbox div.qpostbox {
  background-color: rgb(20 17 47);
  border: 1px solid white;
}

div.tweetbox div.innerpostbox {
  background-color: black;
  border: 1px solid white;
}

div.tweetbox div.qpostbox {
  background-color: black;
  border: 1px solid white;
}

.plyrborder {
  border: .1em solid darkgray;
}

.invisible {
  display: none;
}

.name1 {
  color: lightsalmon;
}

.trip1 {
  color: mistyrose;
}

.checkermove {
  background-color: red;
}

#clockdiv{
  font-family: sans-serif;
  color: #fff;
}

#clockdiv > div{
  background: #00BF96;
}

#clockdiv div > span{
  background: #00816A;
}

hr {
  border-top: 2px solid white;
}

.table {
  color: black;
}

table {
  color: black;
}

.drp-selected {
  color: black;
}

/* .nav-bk-1 background via --nav-bg in body (general.css) */

.checkbox-menu li label {
  color: #333;
}

.checkbox-menu li.active label {
  background-color: #cbcbff;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
  background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
  background-color: #b8b8ff;
}

.menubox {
  border: 1px solid white;
}

div.headerbox {
  background-color: rgba(255,255,255,.15);
  border: 1px black;
}

div.qpostbox {
  background-color: #47484E;
  border: .1em solid darkgray;
}

div.deltweetbox {
  background-color: saddlebrown;
  border: .1em solid darkgray;
}

div.tweetbox {
  background-color: black;
  border: .1em solid darkgray;
}

div.truthbox {
  --tw-bg-opacity: 1;
  background-color: rgb(20 17 47);
  border: .1em solid darkgray;
}

div.truthbox a {
  color: #999;
}

div.truthbox.quote-inline {
  display: none;
}

div.truthbox quote-inline {
  display: none;
}

div.innerpostbox {
  background-color: #383a3d;
  border-width: 12px;
  border-color: #000000;
  border-style: solid;
}

/* Remove nesting border when visual indicators are disabled */
div.innerpostbox.no-nesting-border {
  border-width: 0;
  border-style: none;
}

div.innerpostbox a {
  color: #007bff;
}

div.innerpostbox2 {
  background-color: #383a3d;
  border-color: #000000;
}

div.innerpostbox a {
  color: #007bff;
}

.page-item.active .page-link {
  background-color: grey;
  border-color: #dee2e6;
}

.page-link {
  background-color: #252830;
}

.has-search .form-control-feedback {
  color: #aaa;
}

#qimage {
  box-shadow: 0 3px 3px 0 #0d0d0d, 0 3px 3px 0 #0d0d0d;
}

.qimage {
  box-shadow: 0 3px 3px 0 #0d0d0d, 0 3px 3px 0 #0d0d0d;
}

#navbarbrand {
  color: #ffffff;
}

#qidcolor {
  background-color: black;
  border: 1px solid black;
  color: white;
}

#calcnumber {
  color: #66ff33;
}

#reductnumber {
  color: #007bff;
}

#qnumbercolor {
  color:gold;
}

.qnumbercolor {
  color:gold;
}

#epochtscolor,
.epochtscolor {
  color:#b5c0d1;
}

#qtimestampcolor,
.qtimestampcolor {
  color:springgreen;
}

.primarymessage {
  color: #FFFFFF;
}

#replyidcolor {
  background-color: green;
  border: 1px solid green;
}

#searchhighlight {
  background-color: #00ff00;
  color: black;
  border: 1px solid black;
}

#tooltip {
  color: #cfd2da;
  border-bottom: 2px dotted white;
}

.tooltip {
  color: #cfd2da;
  font-family: 'Roboto-Light',Sans-Serif;
}

.tooltip .tooltiptext {
  font-family: 'Roboto-Light',Sans-Serif;
  color: #cfd2da;
}

.tooltip .tooltiptext::after {
  border-color: #555 transparent transparent transparent;
}