/* =========================
   BASE
========================= */
a {
  color:#ff4b4b;
  text-shadow:0 0 4px rgba(255,75,75,0.5);
}

body {
  background:#120404;
  color:#ffecec;
}

button {
  background:transparent;
  color:#ffecec;
}

.setdef { color:#fff5f5; }

/* =========================
   INPUTS
========================= */
input, textarea, .post_input_container {
  background:#220808;
  border:1px solid #4a1414 !important;
  color:#fff5f5;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
}

/* =========================
   COOKIE
========================= */
.cookie_wrap {
  background:#220808;
  color:#fff5f5;
}

/* =========================
   BACKGROUND ITEMS
========================= */
.bback { background:rgba(255,80,80,0.08); }
.bbackb {
  background:rgba(255,80,80,0.08);
  border:1px solid rgba(255,80,80,0.15);
}
.bhover:hover { background:rgba(255,80,80,0.08); }

.bbackhover { background:rgba(255,80,80,0.06); }
.bbackhover:hover { background:rgba(255,80,80,0.10); }

.bbackhoverb { background:rgba(255,80,80,0.08); }
.bbackhoverb:hover {
  background:rgba(200,40,40,0.12);
  border:1px solid rgba(255,80,80,0.12);
}

/* =========================
   LISTING
========================= */
.blisting,
.blist {
  border-bottom:1px solid rgba(255,80,80,0.10);
}

.blisting:hover {
  background:rgba(200,40,40,0.08);
}

/* =========================
   PRIVATE TOP
========================= */
.back_ptop {
  background:linear-gradient(#160404,#4a0a0a,#ff4b4b 150%);
  color:#fff5f5;
}

/* =========================
   MENUS
========================= */
.bpmenu:hover { background:rgba(255,80,80,0.10); }

.bsub {
  background:rgba(0,0,0,0.20);
}
.bsub:hover { background:rgba(200,40,40,0.08); }

.bmenu, .submenu {
  border-bottom:1px solid rgba(255,80,80,0.10);
}
.bmenu:hover, .submenu:hover {
  background:rgba(200,40,40,0.08);
}

/* =========================
   SHADOWS
========================= */
.bshadow,
.page_element,
.float_menu,
.btnshadow,
.pboxed {
  box-shadow:0 2px 6px rgba(0,0,0,0.55);
}

/* =========================
   SELECTED
========================= */
.bselected { background:rgba(255,80,80,0.15); }
.rselected { background:rgba(200,40,40,0.12); }
.pselected { color:#ff6b6b; }
.cselected, .liked { background:rgba(200,40,40,0.10); }

/* =========================
   PAGINATION
========================= */
.pag_btn { background:rgba(255,80,80,0.10); }
.pagselected,
.pag_btn:hover {
  background:rgba(200,40,40,0.18);
}

/* =========================
   TAG
========================= */
.gtag {
  background:#ff4b4b;
  border:1px solid rgba(255,80,80,0.20);
  color:#1a0606;
}

/* =========================
   BORDERS
========================= */
.bborder { border-bottom:1px solid rgba(255,80,80,0.30); }
.tborder { border-top:1px solid rgba(200,40,40,0.25); }
.lborder, .ppanel { border-left:1px solid rgba(200,40,40,0.25); }
.rborder { border-right:1px solid rgba(200,40,40,0.20); }
.fborder { border:1px solid rgba(200,40,40,0.22); }

/* =========================
   HEADERS / FOOTERS
========================= */
.bhead,
.modal_top,
.pro_top {
  background:linear-gradient(#160404,#4a0a0a,#ff4b4b 150%);
  color:#fff5f5;
}

.bfoot,
.foot {
  background:linear-gradient(to top,#160404,#4a0a0a,#ff4b4b 150%);
  color:#fff5f5;
}

/* =========================
   MAIN PANELS
========================= */
.backglob { background:#120404; }

.back_priv {
  background:#1a0606;
  box-shadow: inset 0 0 10px #000;
}

.back_panel,
.back_menu,
.back_modal,
.page_element {
  background:#1a0606;
  border:1px solid rgba(255,80,80,0.12);
}

.back_box {
  background:#220808;
  border:1px solid rgba(255,80,80,0.15);
}

.back_input {
  background:#1a0606;
  border-top:1px solid rgba(200,40,40,0.25);
}

.back_quote {
  background:#1a0606;
  border:1px solid rgba(255,80,80,0.35);
}

/* =========================
   CHAT
========================= */
.back_chat {
  position:relative;
  background:#1a0606;
  overflow:hidden;
}

.back_chat::before {
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(140,0,0,0.35), rgba(30,0,0,0.45)),
    url('images/background.jpg') no-repeat center / cover;
  opacity:0.45;
  box-shadow: inset 0 0 25px #000;
  z-index:0;
}

.back_chat * {
  position:relative;
  z-index:1;
}

.reply_item { background:#140404; }

.cquote {
  background:#1a0606 !important;
  border:1px solid rgba(255,80,80,0.55);
}

/* =========================
   TEXT COLORS
========================= */
.theme_color { color:#ff4b4b; }
.default_color { color:#d8b0b0; }

.error { color:#ff6b6b; }
.success { color:#ff8b8b; }
.warn { color:#ff5b5b; }

.chat_system { color:#e0bcbc; }

.system_text {
  background:rgba(255,80,80,0.10);
  color:#d8b0b0;
}

/* =========================
   BUTTONS
========================= */
.theme_btn, .back_theme {
  background:#ff4b4b;
  color:#1a0606;
}

.default_btn {
  background:#220808;
  color:#fff0f0;
}

.ok_btn {
  background:#ff8b8b;
  color:#1a0606;
}

.warn_btn {
  background:#ff5b5b;
  color:#1a0606;
}

.delete_btn {
  background:#b80000;
  color:#fff;
}

/* =========================
   NOTIFY / SPINNER
========================= */
.bnotify {
  background:#ff4b4b;
  color:#fff;
}

.bspin { color:rgba(255,80,80,0.45); }

.my_notice {
  background:#ff4b4b;
  color:#1a0606;
}

/* =========================
   OUTSIDE PAGE
========================= */
.back_page {
  background:#ff4b4b;
  color:#fff;
}

/* =========================
   SLIDER
========================= */
.boom_slider .ui-widget-content {
  background:#220808;
}

.boom_slider .ui-state-default,
.boom_slider .ui-state-active {
  background:#a84444 !important;
}

.boom_slider .ui-slider-range {
  background:#4a1a1a;
}

/* =========================
   GLOBAL READABILITY BOOST
========================= */
* {
  text-shadow:0 1px 1px rgba(0,0,0,0.35);
}

/* =========================
   MOBILE
========================= */
@media screen and (max-width:576px){
  .back_chat::before{
    background-position:left 40% center;
  }
}

/* =========================
   KICK / BLOCK PAGE FIX
========================= */

html, body {
  height: 100%;
}

/* Fullscreen kick wrapper */
.kicked-screen,
.back_page.kicked {
  position: fixed;
  inset: 0;
  background: #ff4b4b !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 9999;
}

/* Content box */
.kicked-box {
  max-width: 480px;
  padding: 24px;
  color: #fff;
  text-shadow: none !important;
}

/* Warning icon */
.kicked-box .icon {
  font-size: 56px;
  margin-bottom: 12px;
}

/* Title */
.kicked-box h1 {
  font-size: 22px;
  margin: 12px 0;
  font-weight: 600;
  color: #fff;
}

/* Text */
.kicked-box p {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.95;
  color: #fff;
}

/* Timer */
.kicked-box .timer {
  margin-top: 16px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
}

/* Kill theme overlays */
.kicked-screen *,
.back_page.kicked * {
  background: none !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 576px) {
  .kicked-box {
    padding: 16px;
  }
}

/* FORCE SHOW KICK PAGE */
body[unresolved] {
  opacity: 1 !important;
}