/**========================================================================
 * VibeOra Theme
 * Author: Sage/Zero Percent
 * A deep space identity platform aesthetic —
 * dark cosmic base, purple/cyan/pink accents, glassmorphism panels.
 *========================================================================**/

/* ── General ──────────────────────────────────────────────────────────── */
a { color: #a78bfa; }
body { background: #050816; color: #f1f4ff; }
button { background: transparent; color: #f1f4ff; }
input, textarea, .post_input_container {
	background: #0a0d1e;
	border: 1px solid rgba(255,255,255,0.09) !important;
	color: #f1f4ff;
}
input:focus, textarea:focus {
	border-color: rgba(167,139,250,0.48) !important;
	box-shadow: 0 0 0 3px rgba(167,139,250,0.1);
}
#content, #message_content { border-radius: 16px; }
.setdef { color: #f1f4ff; }

/* ── Cookie ───────────────────────────────────────────────────────────── */
.cookie_wrap {
	background: #0f1328;
	color: #f1f4ff;
	border: 1px solid rgba(167,139,250,0.14);
}

/* ── Item backgrounds ─────────────────────────────────────────────────── */
.bback { background: rgba(255,255,255,0.05); }
.bbackb { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); }

.bhover:hover { background: rgba(167,139,250,0.08); }

.bbackhover { background: rgba(255,255,255,0.05); }
.bbackhover:hover { background: rgba(244,114,182,0.08); }

.bbackhoverb { background: rgba(255,255,255,0.05); }
.bbackhoverb:hover { background: rgba(167,139,250,0.09); border: 1px solid rgba(167,139,250,0.2); }

.blisting { border-bottom: 1px solid rgba(255,255,255,0.05); }
.blisting:hover { background: rgba(167,139,250,0.07); }

.blist { border-bottom: 1px solid rgba(255,255,255,0.05); }

/* ── Private panel top ────────────────────────────────────────────────── */
.back_ptop { background: #0d1028; color: #fff; }

/* ── Page menu & sub menus ────────────────────────────────────────────── */
.bpmenu:hover { background: rgba(167,139,250,0.07); }
.bsub { background: rgba(0,0,0,0.15); }
.bsub:hover { background: rgba(167,139,250,0.06); }
.bmenu, .submenu { border-bottom: 1px solid rgba(255,255,255,0.05); }
.bmenu:hover, .submenu:hover { background: rgba(167,139,250,0.07); }

/* ── Shadows & selection ──────────────────────────────────────────────── */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
	box-shadow: 0 18px 50px rgba(0,0,0,0.45);
}
.bselected, .rselected { background: rgba(167,139,250,0.12); }
.pselected { color: #a78bfa; }
.cselected, .liked { background: rgba(244,114,182,0.13); }

.pag_btn { background: rgba(255,255,255,0.06); }
.pagselected, .pag_btn:hover { background: rgba(167,139,250,0.15); }

.gtag { background: #0d1028; border: 1px solid rgba(167,139,250,0.18); }

/* ── Borders ──────────────────────────────────────────────────────────── */
.bborder { border-bottom: 1px solid rgba(255,255,255,0.07); }
.tborder { border-top:    1px solid rgba(255,255,255,0.07); }
.lborder, .ppanel { border-left:  1px solid rgba(255,255,255,0.07); }
.rborder { border-right: 1px solid rgba(255,255,255,0.07); }
.fborder { border:       1px solid rgba(255,255,255,0.08); }
.float_top, .float_ctop { border-bottom: 1px solid rgba(255,255,255,0.07); }

/* ── Headers, footer, modals ──────────────────────────────────────────── */
.bhead {
	background: linear-gradient(135deg, #080b1c 0%, #100c28 50%, #190d24 100%);
	color: #fff;
	border-bottom: 1px solid rgba(167,139,250,0.13);
}
.bsidebar {
	background: linear-gradient(180deg, #060815, #0c1022);
	color: #fff;
}
.modal_top, .pro_top {
	background: linear-gradient(135deg, #0d1028, #180d2c);
	color: #fff;
}
.bfoot, .foot {
	background: #080b1c;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.07);
}

/* ── Major panels ─────────────────────────────────────────────────────── */
.backglob   { background: #050816; }
.back_priv  { background: #070a18; }
.back_panel { background: rgba(10,13,28,0.97); }
.back_menu  { background: #0f1328; }
.back_pmenu { background: #0a0d20; }
.back_box   { background: #0f1328; }
.back_input { background: rgba(10,13,28,0.97); border-top: 1px solid rgba(255,255,255,0.07); }
.back_modal { background: #0d1128; }
.page_element { background: #0d1128; }
.back_quote { background: #0a0e22; }

/* ── Chat background with starfield overlay ───────────────────────────── */
.back_chat { background: #050816; position: relative; }
.back_chat::before, #private_wrap_content::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("images/background.svg") center center / cover no-repeat;
	opacity: 0.55;
	pointer-events: none;
	z-index: 0;
}

/* ── Login page compatibility ─────────────────────────────────────────── */
#intro_top {
	background: #050816 url("images/background.svg") center center / cover no-repeat;
}

/* ── Main theme colors ────────────────────────────────────────────────── */
.theme_color   { color: #a78bfa; }
.default_color { color: #f472b6; }
.error   { color: #f87171; }
.success { color: #34d399; }
.warn    { color: #fbbf24; }

/* ── Buttons ──────────────────────────────────────────────────────────── */
.theme_btn, .back_theme {
	background: linear-gradient(135deg, #7c3aed 0%, #2563eb 55%, #0891b2 100%);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 8px 24px rgba(124,58,237,0.32);
}
.default_btn, .back_default {
	background: #151c36;
	color: #f1f4ff;
	border: 1px solid rgba(255,255,255,0.1);
}
.defaultd_btn { background: #1b2240; color: #f1f4ff; }
.ok_btn, .onswitch { background: #34d399; color: #022c22; }
.warn_btn    { background: #fbbf24; color: #1c1004; }
.delete_btn  { background: #f87171; color: #fff; }
.send_btn    { color: #a78bfa; }

/* ── Username & chat text ─────────────────────────────────────────────── */
.user        { color: #fff; }
.chat_system { color: #6b7894; }
.offline     { opacity: 0.5; }
.menui, .subi { color: #a78bfa; }
.reply_item   { background: #0a0e22; }
.main_post_item, .input_item { color: #8892a8; }

/* ── Private message bubbles ──────────────────────────────────────────── */
.target_private, .hunt_quote {
	color: #fff;
	background: linear-gradient(135deg, #1a1f40, #26224e);
}
.hunter_private, .targ_quote {
	color: #fff;
	background: linear-gradient(135deg, #0e1022, #180d2c);
}
.cquote {
	background: rgba(167,139,250,0.1);
	color: #f1f4ff;
	border-left: 3px solid #a78bfa;
}

/* ── Tabs & modal menus ───────────────────────────────────────────────── */
.tab_menu  { box-shadow: 0 14px 38px rgba(0,0,0,0.38); }
.tab_selected { background: rgba(167,139,250,0.12); }
.modal_mback  { background: rgba(255,255,255,0.04); }
.modal_mborder { border-bottom: 1px solid rgba(255,255,255,0.07); }
.modal_selected { background: rgba(244,114,182,0.12); }
.modal_back { background-color: rgba(0,0,0,0.76); }

/* ── Chat log bubbles ─────────────────────────────────────────────────── */
.mbubble {
	background: rgba(14,18,44,0.86);
	color: #f1f4ff;
	border: 1px solid rgba(167,139,250,0.1);
	box-shadow: 0 8px 24px rgba(0,0,0,0.22);
}
.topic_log {
	background: rgba(167,139,250,0.09);
	color: #ede9ff;
	border: 1px solid rgba(167,139,250,0.16);
}
.sys_log {}

/* ── Progress & notifications ─────────────────────────────────────────── */
.bprogress { background: #34d399; color: #022c22; }
.bnotify   { background: #f87171; color: #fff; }
.foot_notify, .head_notify { border: 1px solid #fff; }

/* ── Secondary text colors ────────────────────────────────────────────── */
.sub_date { color: #6b7894; }
.sub_chat, .sub_priv { color: #636d84; }
.sub_text, .list_mood { color: #7a8399; }
.plikes { background: rgba(244,114,182,0.14); color: #fff; }
.bspin  { color: rgba(255,255,255,0.3); }

/* ── Special items ────────────────────────────────────────────────────── */
.my_notice {
	color: #fff;
	background: linear-gradient(135deg, #7c3aed, #2563eb);
}
.system_text { background: rgba(255,255,255,0.05); color: #7a8399; }
.back_page   { background: #050816; color: #f1f4ff; }
.post_video  { background: #000; }

/* ── Sliders ──────────────────────────────────────────────────────────── */
.boom_slider .ui-widget-content { background: #151c36; }
.boom_slider .ui-state-default  { background: #a78bfa !important; }
.boom_slider .ui-state-active   { background: #f472b6 !important; }
.boom_slider .ui-slider-range   {
	background: linear-gradient(90deg, #7c3aed, #38bdf8, #f472b6);
}

/* ── Select input ─────────────────────────────────────────────────────── */
.selectboxit-list, .selectboxit-btn {
	background-color: #0a0d1e;
	border: 1px solid rgba(255,255,255,0.09);
	color: #f1f4ff;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
	background-color: #151c36;
	color: #f1f4ff;
}
.selectboxit-default-arrow { border-top: 4px solid #a78bfa; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
	background: #0a0d1e;
	color: #f1f4ff;
}
.selectboxit-options { background: #0f1328; color: #f1f4ff; }
.selectboxit-list .selectboxit-option-anchor { color: #8892a8; }

/* ── Panel tabs ───────────────────────────────────────────────────────── */
.panel_bar { background: #0a0d20; }
.emo_head  { padding-left: 10px; }
.panel_option, .emo_menu { background: none; position: relative; z-index: 1; }
.emo_menu.bselected::before, .panel_option.bselected::before {
	content: "";
	position: absolute;
	top: 5px; bottom: 0; left: 0; right: 0;
	transform: translateY(1px);
	z-index: -1;
	background: #0d1128;
	border: 1px solid rgba(167,139,250,0.1);
	border-bottom: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.emo_menu.bselected::before { background: #0f1328; }

/* ── VibeOra polish ───────────────────────────────────────────────────── */
.chat_avatar img, .glob_av, .avav, .lazyboom, .avatar_profile {
	box-shadow: 0 0 0 2px rgba(167,139,250,0.16);
}
.chat_log:hover .mbubble {
	border-color: rgba(167,139,250,0.22);
}
.saved_error { background-color: rgba(248,113,113,0.9); color: #fff; }
.saved_ok    { background-color: rgba(52,211,153,0.9); color: #022c22; }
.modal_in    { border: 1px solid rgba(255,255,255,0.04); }