/*
━━━ Made by CORETECH ━━━  
━━━ THEME: NINJA MATRIX (Bright Yellow Edition) ━━━
*/

body {
  font-family: 'Roboto', sans-serif;
  background: #000 url('./images/back1.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #ffeb00;
}

/* Links */
a {
  color: #ffeb00;
  text-decoration: none;
}

/* Buttons */
button {
  background: linear-gradient(to bottom, #fff700, #ffcc00);
  color: #000;
  border: 1px solid #ffeb00;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(255, 255, 0, 0.4);
  transition: all 0.3s ease;
}

button:hover {
  background: linear-gradient(to bottom, #fffb75, #ffd800);
  box-shadow: 0 0 12px rgba(255, 255, 0, 0.7);
}

/* Inputs */
input, textarea, .post_input_container {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid #ffeb00;
  color: #ffeb00;
}

/* Containers and headers */
.setdef, .bhead, .bfoot, .back_ptop, .modal_top, .pro_top {
  background: #0a0a0a;
  color: #ffeb00;
}

/* Panel backgrounds */
.back_chat, .back_priv, .back_panel, .back_pmenu {
  background: rgba(0, 0, 0, 0.9);
  color: #ffeb00;
}

/* Chat message bubbles */
.chat_log > .my_text {
  background: #000 !important;
  color: #ffeb00;
  border: 1px solid rgba(255, 235, 0, 0.4);
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.3);
  border-radius: 8px;
  padding: 8px 12px;
  font-family: monospace;
}

.chat_log.log2 > .my_text {
  background: #000 !important;
  color: #ffeb00;
  border: 1px solid rgba(255, 235, 0, 0.2);
}

.chat_log > .my_text::before {
  border-top-color: rgba(255, 235, 0, 0.3) !important;
  border-right-color: rgba(255, 235, 0, 0.3) !important;
}

/* Borders, boxes, and shadows */
.bborder, .tborder, .lborder, .rborder, .fborder, .float_top, .float_ctop {
  border-color: rgba(255, 235, 0, 0.3);
}

.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
  box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

/* Theme color accents */
.theme_color {
  color: #ffeb00;
}
.default_color {
  color: #ffee33;
}

/* Buttons for actions */
.theme_btn, .back_theme {
  background: linear-gradient(to bottom, #fff44f, #ffcc00);
  color: #000;
}

.default_btn, .back_default {
  background: #ffea00;
  color: #000;
}

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

/* Notifications */
.bnotify {
  background: #ffeb00;
  color: #000;
}

/* Tabs and menus */
.tab_menu {
  background: #111;
  box-shadow: 0 0 5px rgba(255, 255, 0, 0.3);
  color: #ffeb00;
}
.tab_selected {
  background: rgba(255, 235, 0, 0.2);
}

/* Select boxes */
.selectboxit-list, .selectboxit-btn {
  background: #111;
  border: 1px solid rgba(255, 255, 0, 0.3);
  color: #ffeb00;
}

.selectboxit-btn:hover {
  box-shadow: inset 0 0 20px rgba(255, 255, 0, 0.5);
}

/* Sliders */
.boom_slider .ui-widget-content {
  background: #ffeb00;
}
.boom_slider .ui-state-default,
.boom_slider .ui-state-active,
.boom_slider .ui-slider-range {
  background: #ffea00 !important;
}

/* Chat panels */
#chat_left, #chat_right {
  background: url('./images/back.jpg') no-repeat center center;
  background-size: cover;
  color: #ffeb00;
  border-right: 1px solid rgba(255, 255, 0, 0.15);
}

#private_wrap_content {
  background: url('./images/back.jpg') no-repeat center center;
  background-size: cover;
  color: #ffeb00;
}

/* Misc UI */
.page_element, .back_quote, .back_menu, .back_box {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 235, 0, 0.2);
}

.system_text {
  background: rgba(255, 235, 0, 0.05);
  color: #ffeb00;
}

/* Footer */
.foot {
  background: #0a0a0a;
  border-top: 1px solid rgba(255, 255, 0, 0.3);
  color: #ffeb00;
}

/* Responsive */
@media screen and (max-width: 1200px) {
  .back_panel, .back_pmenu {
    background: rgba(0, 0, 0, 0.95);
  }
}