/**========================================================================
*  Arc – New Year 2026 Theme
*  Author: 8lackMask (recolor)
*========================================================================**/

/* custom font */
@import url('./font/Roboto.css');

/* =========================
   GENERAL COLORS
========================= */
a { color:#00e5ff; }

body {
  font-family:'Roboto',sans-serif;
  background:
    #0b0f1a url('./images/us.png') center top / cover no-repeat fixed;
  color:#f5f7ff;
}

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

input,textarea,.post_input_container {
  font-family:'Roboto',sans-serif,'FontAwesome';
  background:#11162a;
  color:#f5f7ff;
  border:1px solid #1e2a44 !important;
}

.setdef { color:#f5f7ff; }

/* =========================
   BACKGROUND ITEMS
========================= */
.bback { background:rgba(0,229,255,0.06); }
.bbackb { background:rgba(0,229,255,0.05); border:1px solid rgba(0,229,255,0.12); }

.bhover:hover,
.bhoverr:hover { background:rgba(0,229,255,0.08); }

.bbackhover { background:rgba(0,229,255,0.08); }
.bbackhover:hover { background:rgba(0,229,255,0.12); }

.bbackhoverb { background:rgba(255,255,255,0.03); }
.bbackhoverb:hover {
  background:rgba(0,229,255,0.06);
  border:1px solid rgba(0,229,255,0.15);
}

/* =========================
   LISTS & SEPARATORS
========================= */
.blisting,
.blist { border-bottom:1px solid #1e2a44; }

.blisting:hover { background:rgba(0,229,255,0.08); }

/* =========================
   PRIVATE PANEL TOP
========================= */
.back_ptop {
  background:#12172c;
  color:#f5f7ff;
}

/* =========================
   MENUS
========================= */
.bpmenu:hover { background:rgba(0,229,255,0.15); }

.bsub { background:rgba(0,229,255,0.08); }
.bsub:hover { background:rgba(0,229,255,0.16); }

.bmenu,
.submenu { border-bottom:1px solid #1e2a44; }

.bmenu:hover,
.submenu:hover { background:rgba(0,229,255,0.1); }

/* =========================
   SHADOWS
========================= */
.bshadow,
.page_element,
.float_menu,
.btnshadow,
.pboxed {
  box-shadow:0 4px 20px rgba(0,0,0,0.6);
}

/* =========================
   SELECTED ITEMS
========================= */
.bselected,
.rselected,
.cselected,
.liked {
  background:rgba(0,229,255,0.12);
}

.pselected { color:#ffd54f; }

/* =========================
   PAGINATION
========================= */
.pag_btn {
  background:rgba(0,0,0,0.4);
  color:#cfd8ff;
}
.pagselected,
.pag_btn:hover {
  background:rgba(0,229,255,0.25);
}

/* =========================
   TAGS
========================= */
.gtag {
  background:#ffd54f;
  color:#1a1a1a;
  border:1px solid rgba(255,255,255,0.2);
}

/* =========================
   BORDERS
========================= */
.bborder,
.tborder,
.lborder,
.rborder,
.fborder,
.ppanel {
  border-color:rgba(255,255,255,0.08);
}

/* =========================
   HEADERS / FOOTERS
========================= */
.bhead,
.bfoot {
  background:linear-gradient(to right, rgba(11,15,26,.95), rgba(18,23,44,.95));
  color:#f5f7ff;
}

.bsidebar,
.foot {
  background:rgba(14,19,36,.95);
  color:#f5f7ff;
}

.modal_top,
.pro_top {
  background:rgba(15,20,48,.95);
  color:#f5f7ff;
}

/* =========================
   MAIN BACKGROUNDS
========================= */
.backglob,
.back_priv,
.back_panel,
.back_modal,
.page_element {
  background:rgba(14,19,36,.95);
}

.back_chat {
  background:
    linear-gradient(rgba(11,15,26,.85), rgba(11,15,26,.95)),
    url('./images/us.png') center center / cover no-repeat;
}

.back_menu,
.back_pmenu,
.back_box {
  background:rgba(18,23,44,.95);
}

.back_input { background:#11162a; }
.back_quote { background:#151a33; }

/* =========================
   THEME COLORS (2026)
========================= */
.theme_color { color:#00e5ff; }
.default_color { color:#1e2a44; }

.error { color:#ff5252; }
.success { color:#4caf50; }
.warn { color:#ffd54f; }

/* =========================
   BUTTONS
========================= */
.theme_btn,
.back_theme {
  background:linear-gradient(135deg, #00e5ff, #2979ff);
  color:#0b0f1a;
}

.default_btn,
.defaultd_btn,
.back_default {
  background:#1e2a44;
  color:#f5f7ff;
}

.ok_btn { background:#4caf50; }
.warn_btn { background:#ffd54f; color:#1a1a1a; }
.delete_btn { background:#ff5252; }
.send_btn { color:#f5f7ff; }

/* =========================
   TEXT & CHAT
========================= */
.user { color:#f5f7ff; }
.chat_system { color:#aab6ff; }
.offline { opacity:0.5; }

.menui,
.subi { color:#00e5ff; }

.reply_item { background:#12172c; }
.main_post_item,
.input_item { color:#aab6ff; }

/* =========================
   PRIVATE CHAT BUBBLES
========================= */
.target_private,
.hunt_quote {
  background:#2979ff;
  color:#fff;
}

.hunter_private,
.targ_quote {
  background:#00e5ff;
  color:#0b0f1a;
}

/* =========================
   QUOTES & LOGS
========================= */
.cquote {
  background:rgba(255,255,255,0.25);
  color:#fff;
}

.tab_menu {
  background:rgba(14,19,36,.95);
  box-shadow:0 4px 20px rgba(0,0,0,0.6);
}

.tab_selected {
  background:rgba(0,229,255,0.12);
}

.modal_mback { background:rgba(0,229,255,0.08); }
.modal_mborder { border-bottom:1px solid #1e2a44; }
.modal_selected { background:rgba(0,229,255,0.15); }

.modal_back { background-color:rgba(0,0,0,0.6); }

.mbubble {
  background:rgba(255,255,255,0.18);
}

.topic_log {
  background:rgba(0,229,255,0.12);
  color:#fff;
}

/* =========================
   MISC
========================= */
.bprogress { background:#4caf50; }
.bnotify { background:#ff5252; }

.sub_date { color:#cfd8ff; }
.sub_chat,
.sub_priv,
.sub_text,
.list_mood { color:#aab6ff; }

.plikes {
  background:rgba(0,229,255,0.25);
  color:#fff;
}

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

.my_notice {
  background:#ffd54f;
  color:#1a1a1a;
}

.system_text {
  background:#f5f7ff;
  color:#333;
}

.back_page {
  background:
    #0b0f1a url('./images/us.png') center center / cover no-repeat fixed;
  color:#f5f7ff;
}

.post_video { background:#000; }

/* =========================
   SLIDER
========================= */
.boom_slider .ui-widget-content { background:#1e2a44; }
.boom_slider .ui-state-default,
.boom_slider .ui-state-active,
.boom_slider .ui-slider-range {
  background:#00e5ff !important;
}

/* =========================
   SELECT INPUT
========================= */
.selectboxit-list,
.selectboxit-btn {
  background:#11162a;
  color:#cfd8ff;
  border:1px solid #1e2a44 !important;
}

.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
  background:#1e2a44;
  color:#fff;
}

.selectboxit-default-arrow {
  border-top:4px solid #00e5ff;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  background:#1a2040;
  color:#fff;
}

.selectboxit-options { background:#11162a; }
.selectboxit-list .selectboxit-option-anchor { color:#cfd8ff; }