/* =========================
   C3-RCON SCEditor Override
   include AFTER sceditor theme css
   ========================= */

/* Grundcontainer */
.sceditor-container {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 6px !important;
  color: #e6e6e6 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* Textarea / Iframe */
.sceditor-container textarea,
.sceditor-container iframe {
  background: rgba(0,0,0,.35) !important;
  color: #f2f2f2 !important;
  border-radius: 4px !important;
  margin: 8px !important;
}

/* Toolbar */
div.sceditor-toolbar {
  background: rgba(35, 38, 48, 0.95) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 6px 8px 5px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
}

/* Button-Gruppen */
div.sceditor-group {
  background: rgba(0,0,0,0.0) !important;
  border: 1px solid rgba(255,255,255,0.0) !important;
  border-bottom-color: rgba(255,255,255,0.0) !important;
  border-radius: 5px !important;
  padding: 2px !important;
}

/* Buttons */
.sceditor-button {
  border-radius: 4px !important;
  height: 22px !important;
  padding: 3px 6px !important;
  opacity: 0.95;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    rgba(0,0,0,.30);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, var(--shadow2);
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.14);
}

.sceditor-button:hover,
.sceditor-button.active,
.sceditor-button:active {
  border-color: rgba(255,42,42,.45);
  box-shadow:
    0 1px 0 rgba(255,255,255,.07) inset,
    0 0 0 2px rgba(255,42,42,.10),
    0 0 22px rgba(255,42,42,.16),
    0 16px 34px rgba(0,0,0,.58);
  background:
    linear-gradient(180deg, rgba(255,42,42,.16), rgba(255,42,42,.04)),
    rgba(0,0,0,.30);
}

/* Icons (famfamfam sprite) etwas heller, falls zu dunkel */
.sceditor-button div {
  filter: brightness(1.15) contrast(1.05);
}

/* Dropdowns generell */
div.sceditor-dropdown {
  background: rgba(0,0,0,.90) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.55) !important;
  color: #eaeaea !important;
  z-index: 99999 !important; /* wichtig */
}

/* Dropdown links */
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
  color: #d8e6ff !important;
}
div.sceditor-dropdown a:hover {
  background: rgba(255,255,255,0.07) !important;
}

/* Inputs im Dropdown */
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  background: rgba(10,12,16,0.75) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f2f2f2 !important;
}

/* =========================
   FIX: Smilies/Dropdown scrollbar
   ========================= */

/* Damit Dropdown nicht abgeschnitten wird, falls Parent overflow:hidden hat */
.sceditor-container,
.sceditor-container * {
  overflow: visible;
}

/* Dropdown-Body / Content scrollbar */
.sceditor-dropdown-body,
.sceditor-dropdown-content,
div.sceditor-dropdown .sceditor-dropdown-body {
  max-height: 340px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Emoticons area */
div.sceditor-emoticons,
div.sceditor-more-emoticons,
.sceditor-dropdown .sceditor-emoticons,
.sceditor-dropdown .sceditor-more-emoticons {
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
}

/* Smiley Icons etwas nicer */
.sceditor-emoticons img,
.sceditor-more-emoticons img {
  border-radius: 4px;
  padding: 2px !important;
}
.sceditor-emoticons img:hover,
.sceditor-more-emoticons img:hover {
  background: rgba(255,255,255,0.08);
}

/* Scrollbar Optik (Webkit only) */
.sceditor-dropdown-body::-webkit-scrollbar,
.sceditor-emoticons::-webkit-scrollbar,
.sceditor-more-emoticons::-webkit-scrollbar {
  width: 10px;
}
.sceditor-dropdown-body::-webkit-scrollbar-thumb,
.sceditor-emoticons::-webkit-scrollbar-thumb,
.sceditor-more-emoticons::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.18);
  border-radius: 10px;
}