/* ============================================================
   CAFE THEME
   Palette:
     espresso  #7e57c2   (footer, float tops, sidebar anchor)
     header    #9b7fe8 -> #b69cff gradient
     coffee    #9b7fe8   (modal tops, private panel)
     bean      #6a4fb3   (default buttons, my_log)
     mocha     #b69cff   (secondary button)
     caramel   #a855f7   (THEME accent - primary buttons, icons, links)
     latte     #d8c8ff   (sliders, soft accents)
     foam      #fbf8ff   (boxes)
     cream     #ffffff   (tabs)
     text      #4b3f72   (body text on light surfaces)
   ============================================================ */

/* general colors */
a { color:#a855f7; }
body { background:#f7f3ff; color:#4b3f72; }
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#f2f2f2; border:1px solid #e6e6e6 !important; color:#666; }
.setdef { color:#4b3f72; }

/* headers, footer and top modal colors */
.bhead { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }
.modal_top { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }
.pro_top { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }
.bfoot { background:#7e57c2; color:#fff; }
.foot { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }
.float_top { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }
.float_ctop { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }

/* item with background no effect */
.bback { background:rgba(184,111,60,0.05); }

/* item with background no effect with border */
.bbackb { background:rgba(184,111,60,0.05); border:1px solid rgba(184,111,60,0.12); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgba(184,111,60,0.08); }

/* item with background and hover effect */
.bbackhover { background:rgba(184,111,60,0.05); }
.bbackhover:hover { background:rgba(184,111,60,0.10); }

/* item with background and hover effect with a border */
.bbackhoverb { background:rgba(184,111,60,0.05); border:1px solid transparent; }
.bbackhoverb:hover { background:rgba(184,111,60,0.10); border:1px solid rgba(184,111,60,0.18); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom:1px solid rgba(184,111,60,0.12); }
.blisting:hover { background:rgba(184,111,60,0.06); }

/* item with no background with line separator */
.blist { border-bottom:1px solid rgba(184,111,60,0.12); }

/* private panel top */
.back_ptop { background:linear-gradient(to bottom, #9b7fe8, #b69cff); color:#fff; }

/* page menu & page sub menu */
.bpmenu:hover { background:rgba(255,255,255,0.15); }

/* sub menus */
.bmenu, .submenu { border-bottom:1px solid rgba(184,111,60,0.08); }
.bmenu:hover, .submenu:hover { background:rgba(184,111,60,0.06); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(90,51,28,0.18); }

/* main item selected */
.bselected { background:rgba(184,111,60,0.14); }

/* reg menu selected */
.rselected { background:rgba(184,111,60,0.14); }

/* page selected */
.pselected { color:#8b5cf6; }

/* current item selected */
.cselected, .liked { background:rgba(184,111,60,0.08); }

/* paginate item selected */
.pag_btn { background:rgba(184,111,60,0.06); color:#8b5cf6; }
.pagselected, .pag_btn:hover { background:rgba(184,111,60,0.14); }

/* count and gold tag */
.gtag { background:#fff; border:1px solid rgba(90,51,28,0.12); }

/* borders */
.bborder { border-bottom:1px solid rgba(90,51,28,0.12); }
.tborder { border-top:1px solid rgba(90,51,28,0.12); }
.lborder, .ppanel { border-left:1px solid rgba(90,51,28,0.12); }
.rborder { border-right:1px solid rgba(90,51,28,0.12); }
.fborder { border:1px solid rgba(90,51,28,0.12); }

/* sidebar */
.bsidebar { background:#7e57c2; color:#fff; }

/* background major elements: panel, page menu, float menu, modal, chat boxes */
.backglob { background:#fff; }
.back_chat { background:#fff; }
.back_priv { background:#fff; }
.back_panel { background:#fff; }
.back_menu { background:#fff; }
.back_pmenu { background:#6f52b5; color:#fff; }
.back_box { background:#fbf8ff; }
.back_input { background:#fff; border-top:1px solid rgba(90,51,28,0.10); }
.back_modal { background:#fff; }
.page_element { background:#fff; }
.back_quote { background:#faf6f2; }
.back_page { background:#7e57c2; color:#fff; }

/* theme colors */
.theme_color { color:#a855f7; }
.default_color { color:#6a4fb3; }
.error { color:#c0392b; }
.success { color:#7d9c3c; }
.warn { color:#d99a2b; }
.subi { color:#a855f7; }

/* buttons */
.theme_btn, .back_theme { background:#a855f7; color:#fff; }
.default_btn, .back_default { background:#6a4fb3; color:#fff; }
.defaultd_btn { background:#b69cff; color:#fff; }
.ok_btn { background:#7d9c3c; color:#fff; }
.warn_btn { background:#d99a2b; color:#fff; }
.delete_btn { background:#b23a2e; color:#fff; }
.send_btn { color:#a855f7; }

/* user list & misc */
.user { color:#4b3f72; }
.offline { opacity:0.5; }
.menui { color:#a855f7; }
.reply_item { background:#f6f2eb; }
.main_post_item { color:rgba(90,51,28,0.55); }
.input_item { color:#9b8ac7; }

/* private messages
   Received (target) = light blue, Sent (hunter) = peach.
   These two MUST stay clearly distinct - do not warm the blue into
   the same beige family as the peach or the bubbles look identical. */
.target_private, .hunt_quote {
    color:#3f2a1c;
    background:#e6dcff;
    font-weight:bold;
}
.hunter_private, .targ_quote {
    color:#3f2a1c;
    background:#f1e6ff;
    font-weight:bold;
}
.hunter_private {
    padding:10px;
    max-width:220px;
    display:inline-block;
    word-wrap:break-word;
    line-height:1.4em;
    border-radius:10px;
}

/* quote tags */
.cquote {
    padding:6px;
    border-radius:5px;
    display:inline-block;
    max-width:100%;
    background:#f1e6ff;
}
.targ_quote {
    padding:6px;
    border-radius:5px;
    display:inline-block;
    max-width:100%;
    background:#f1e6ff;
}

/* tabs */
.tab_menu { background:#ffffff; box-shadow:0 1px 3px rgba(90,51,28,0.15); }
.tab_selected { background:rgba(184,111,60,0.14); }

/* modal menu */
.modal_mback { background:rgba(184,111,60,0.05); }
.modal_mborder { border-bottom:1px solid rgba(90,51,28,0.12); }
.modal_selected {
    background:rgba(184,111,60,0.14);
    color:#6f52b5;
    padding-left:15px;
    padding-right:15px;
}
.modal_back { background-color:rgba(63,35,20,0.45); }

/* chat logs */
.mbubble { background:#f8f4ee; }
.my_log { background:#6a4fb3; color:#fff; }

/* special log */
.topic_log {
    font-family:"Kalam";
    font-weight:bold;
    color:#7e57c2;
    border-radius:10px;
    background-color:rgba(184,111,60,0.18);
}
.seen { background:#f3e6dc; color:#6f52b5; }

.user_item {
    position:relative;
    display:table;
    table-layout:fixed;
    width:100%;
    cursor:pointer;
    padding:5px 10px;
    border-radius:5px;
    background:rgba(184,111,60,0.05);
    margin:5px 0;
}

/* uploads */
.bprogress { background:#7d9c3c; color:#fff; }

/* notif */
.bnotify { background:#b23a2e; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* dates & sub text */
.sub_date { color:#9a8ac0; }
.sub_chat, .sub_priv { color:#b2a3d6; }
.sub_text { color:#7f6aa8; }
.list_mooe { color:#4b3f72; }

/* likes */
.plikes { background-color:rgba(184,111,60,0.3); color:#fff; }

/* spinner */
.bspin { color:rgba(90,51,28,0.3); }

/* special chat item */
.my_notice {
    color:#fff;
    background:#a855f7;
    padding:3px 10px;
    display:inline-block;
    line-height:1em;
    margin-top:2px;
    border-radius:20px;
    font-weight:bold;
}
.system_text { background:#f7f3ff; color:#7a6656; }

.post_video { background:#8b5cf6; }

/* slider */
.boom_slider .ui-widget-content { background:#faf7f3; }
.boom_slider .ui-state-default { background:#d8c8ff !important; }
.boom_slider .ui-state-active { background:#a855f7 !important; }
.boom_slider .ui-slider-range { background:#e3c9b3; }

/* select input color - kept as the original v10 neutral greys */
.selectboxit-list, .selectboxit-btn { background-color: #f6f6f6; color:#666; border:1px solid #e6e6e6 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; }
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active { background:#f6f6f6; color:#666; }
.selectboxit-options { background:#fff; border:1px solid #ccc; }
.selectboxit-list .selectboxit-option-anchor { color:#666; }
.selectboxit-container .selectboxit {
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: #ededed;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* header/footer background elements
   NOTE: the original file was missing the closing brace on this rule,
   which silently swallowed the three rules that followed it. */
.top_background, .background_header, .chat_head, .panel_top, .emo_head {
    background:linear-gradient(to bottom, #9b7fe8, #b69cff);
    color:#fff;
}
/* Footer sits slightly deeper than the header so the page is anchored */
.chat_footer {
    background:#7e57c2;
    color:#fff;
}

.background_chat { background:#fff; }
.chat_panel { background:#fff; }
.background_box { background:#fff; color:#4b3f72; }

/* modal overlays */
.small_modal_out, .large_modal_out {
    display:none;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(63,35,20,0.10);
    cursor:pointer;
}
.over_modal_out, .over_emodal_out {
    display:none;
    position:fixed;
    z-index:1001;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(63,35,20,0.10);
    cursor:pointer;
}

/* kill the mobile tap-highlight flash inside modals */
.small_modal_out, .small_modal_out *,
.large_modal_out, .large_modal_out *,
.over_modal_out, .over_modal_out *,
.over_emodal_out, .over_emodal_out *,
.top_modal_out, .top_modal_out * {
    -webkit-tap-highlight-color: transparent;
}

/* close icon
   Default red reads as "close/delete" on light surfaces, but on the dark
   panel headers (private chat, modals, float menus) it clashes with the
   white icons sitting next to it - so inherit the header's white there. */
.fa-times { color:#b23a2e; }
.bhead .fa-times,
.modal_top .fa-times,
.float_top .fa-times,
.float_ctop .fa-times,
.pro_top .fa-times,
.back_ptop .fa-times,
.top_panel .fa-times,
.foot .fa-times,
.panel_top .fa-times,
.emo_head .fa-times,
.chat_head .fa-times {
    color:#fff;
}