/* ============================================= */
/*          Dark Theme Base (دون تغيير الألوان)   */
/* ============================================= */

/* General Colors */
a { color: orange; }
body { background: #141414; color: #c6bec0; }

/* Buttons & Inputs */
button { background: transparent; color: #c6bec0; }
input, textarea, .post_input_container {
  background: #151515;
  border: 1px solid #222 !important;
  color: #c6bec0;
}

/* Utility Text */
.setdef { color: #fff; }

/* Panels & Boxes */
.cookie_wrap,
.backglob, .back_chat, .back_priv,
.back_panel, .back_menu, .back_pmenu,
.back_box, .back_modal, .page_element,
.back_quote {
  background: #191919;
  color: #c6bec0;
}
.back_input {
  background: #191919;
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* Private Panel Top */
.back_ptop { background: #212121; }

/* private log bubble colors */
.target_private, .hunt_quote {color:#fff; background:#3e3e3e;}
.hunter_private, .targ_quote {; background:#3e3e3e;}


/* Headers, Footers, Modals */
.bhead, .modal_top, .pro_top { background: #111; color: #fff; }
.bfoot { background: #222; color: #895a69; }
.foot  { background: #111; color: #c6bec0; }

/* Borders & Dividers */
.bborder { border-bottom: 1px solid rgba(255,255,255,0.05); }
.tborder { border-top:    1px solid rgba(255,255,255,0.05); }
.lborder, .ppanel { border-left: 1px solid rgba(255,255,255,0.05); }
.rborder { border-right: 1px solid rgba(255,255,255,0.05); }
.fborder { border:        1px solid rgba(255,255,255,0.05); }

/* Background Accents */
.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); }
.blist   { border-bottom: 1px solid rgba(255,255,255,0.03); }
.blisting { border-bottom: 1px solid rgba(255,255,255,0.03); }

/* Hover States */
.bhover:hover        { background: rgba(255,255,255,0.05); }
.bbackhover:hover    { background: rgba(255,255,255,0.03); }
.bbackhoverb:hover   { background: rgba(255,255,255,0.30); border:1px solid rgba(255,255,255,0.05); }

/* Menus & Submenus */
.bpmenu:hover, .bsub:hover,
.bmenu:hover, .submenu:hover {
  background: rgba(255,255,255,0.05);
}
.bsub   { background: rgba(0,0,0,0.10); }
.bmenu, .submenu { border-bottom: 1px solid rgba(255,255,255,0.03); }

/* Selections & Tags */
.bselected, .rselected,
.cselected, .liked  { background: rgba(255,255,255,0.05); }
.pag_btn, .pag_btn:hover, .pagselected {
  background: rgba(255,255,255,0.10);
}
.pselected { color: #cf567c; }
.gtag { background: #111; border: 1px solid rgba(255,255,255,0.05); }

/* Shadows */
.bshadow, .btnshadow, .pboxed,
.page_element, .float_menu {
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* Theme Colors */
.theme_color { color: #cf567c; }
.default_color { color: #666; }
.error   { color: red; }
.success { color: #74b20e; }
.warn    { color: orange; }

/* Button Variants */
.theme_btn, .back_theme { background: #cf567c; color: #c6bec0; }
.default_btn, .back_default { background: #333; color: #c6bec0; }
.defaultd_btn { background: #444; color: #c6bec0; }
.ok_btn    { background: #74b20e; color: #c6bec0; }
.warn_btn  { background: orange; color: #c6bec0; }
.delete_btn{ background: #cc0000; color: #c6bec0; }

/* Text & Icons */
.user        { color: #fff; }
.chat_system { color: #999; }
.offline     { opacity: 0.5; }
.menui       { color: #c28c9d; }
.subi        { color: #cf567c; }

/* Posts & Quotes */
.reply_item      { background: #151515; }
.main_post_item  { color: rgba(255,255,255,0.5); }
.input_item      { color: #666; }
.cquote          { background: rgba(255,255,255,0.05) !important; }
.cqname          { color: #999; }
.cqmess          { color: #666; }

/* Tabs & Modals */
.tab_menu       { box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.tab_selected   { background: rgba(255,255,255,0.05); }
.modal_mback    { background: rgba(255,255,255,0.04); }
.modal_mborder  { border-bottom: 1px solid rgba(255,255,255,0.08); }
.modal_selected { background: rgba(255,255,255,0.08); }
.modal_back     { background-color: rgba(0,0,0,0.6); }

/* Chat Logs */
.log2      { background: rgba(0,0,0,0.05); }
.topic_log { background: #0d261a; color: #d9f2e6; }
.sys_log   { }

/* Progress & Notifications */
.bprogress   { background: #74b20e; color: #c6bec0; }
.bnotify     { background: red; color: #c6bec0; }
.foot_notify, .head_notify { border: 1px solid #c6bec0; }

/* Dates & Secondary Text */
.sub_date   { color: #888; }
.sub_chat, .sub_priv { color: #666; }
.sub_text, .list_mood { color: #888; }

/* Likes & Spinner */
.plikes { background-color: rgba(100,100,100,0.2); color: #c6bec0; }
.bspin  { color: rgba(255,255,255,0.3); }

/* Special Chat Items */
.my_notice   { color: #fff; background: #006699; }
.system_text { background: rgba(255,255,255,0.05); color: #888; }

/* Outside Pages & Video */
.back_page   { background: #111; color: #c6bec0; }
.post_video  { background: rgb(0,0,0,1); }

/* Slider */
.boom_slider .ui-widget-content { background: #333; }
.boom_slider .ui-state-default  { background: #ccc !important; }
.boom_slider .ui-state-active   { background: #ccc !important; }
.boom_slider .ui-slider-range   { background: #666; }

/* SelectBoxIt */
.selectboxit-list, .selectboxit-btn {
  background-color: #151515;
  border: 1px solid #222;
  color: #fff;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
  background-color: #333; color: #c6bec0;
}
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  background: #151515; color: #c6bec0;
}
.selectboxit-options   { background: #222; color: #c6bec0; }
.selectboxit-list .selectboxit-option-anchor { color: #666; }

/* Custom Overrides */
.modal_in {
  border: 1px solid rgba(255,255,255,0.01);
}
.chat_log {
  border-bottom: 1px solid rgba(255,255,255,0.05);
  padding-bottom: 8px;
  margin-bottom: 3px;
}






/* ===========================
   1. الزر العام Buttons
=========================== */
button {
  background: linear-gradient(135deg, #ff416c, #cf567c);
  color: #fff;
  border: none;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 18px; /* زيادة بسيطة للتوافق مع اللمس */
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(255,65,108,0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  touch-action: manipulation; /* تحسين استجابة اللمس */
}

button:hover,
button:active {
  transform: scale(1.05);
  box-shadow: 0 5px 18px rgba(255,65,108,0.55);
}

/* زر إرسال الخاص */
#private_send {
  background: linear-gradient(135deg, #ff416c, #cf567c) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
}
#private_send:hover,
#private_send:active {
  transform: scale(1.02) !important;
  box-shadow: 0 6px 20px rgba(255,65,108,0.5) !important;
}




/* ===========================
   4. Scrollbar متوافق
=========================== */
::-webkit-scrollbar {
  width: 6px; height: 6px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff416c, #cf567c);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff6380, #e06a8f);
}
::-webkit-scrollbar-track {
  background: transparent;
}
select, .selectboxit-options, textarea, .post_input_container {
  scrollbar-width: thin;
  scrollbar-color: #cf567c33 transparent;
}


/* ===========================
   6. إضاءة الحقول عند التركيز
=========================== */
input:focus,
textarea:focus {
  outline: none;
  border-color: #cf567c;
  box-shadow: 0 0 10px rgba(207, 86, 124, 0.5),
              0 0 20px rgba(207, 86, 124, 0.2);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}


/* ===========================
   7. تحسين التوافق مع الهواتف
=========================== */
@media (max-width: 768px) {
  button {
    font-size: 13px;
    padding: 7px 14px;
    border-radius: 20px;
  }
  #private_send {
    font-size: 13px !important;
    padding: 7px 12px !important;
  }
  .bback, .bbackb, .panel_wrap, .cookie_wrap {
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
  }
  .ch_logs {
    animation-duration: 0.3s; /* أسرع قليلاً على الجوال */
  }
  /* جعل العناصر الكبيرة قابلة للمس بسهولة */
  input, textarea {
    font-size: 16px;
    padding: 8px 10px;
  }
}




.cqwrap {
  display: block !important; /* إلغاء table */
  max-width: 100%;
  overflow: hidden;
  border-radius: 6px;
  padding: 4px 6px;
  background: rgba(255,255,255,0.05);
  margin-bottom: 4px;
  box-sizing: border-box;
}

/* محتوى الاقتباس */
.cqcontent {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

/* اسم صاحب الاقتباس */
.cqname {
  font-weight: bold;
  display: block;
  margin-bottom: 2px;
}

/* نص الرسالة المقتبسة */
.cqmess {
  font-size: 13px;
  line-height: 1.4;
  display: block;
  word-wrap: break-word;
  white-space: normal;
}