/* ============================================================
   sidebar.css — стили компонента sidebar (BEM)
   Сущность: components/sidebar.tpl
   ============================================================ */

/* === BLOCK === */

.sidebar__block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: hsla(240, 7%, 12%, 0.88);
  padding: 25px 10px;
  box-shadow: 0px -1px 4px rgb(200 196 196 / 8%), 0px 4px 4px rgb(200 196 196 / 25%);
  background-clip: border-box;
  border-bottom: 7px solid rgba(85, 122, 149, 0.2);
  border-radius: 10px;
  width: 100%;        /* перенесено из Bootstrap .w-100 */
  margin-bottom: 2.5rem; /* перенесено из Bootstrap .mb-5 */
}

.sidebar__block--compact {
  font-size: 90% !important; /* перенесено из ech.css .f90 */
}

/* === TITLE === */

.sidebar__title {
  text-align: center;
  font-size: 14px;
  color: #5ab9ea;
  font-weight: 600;
  padding: 5px 0 15px;
}

.sidebar__title svg {
  color: orange;
}

.sidebar__title--bordered {
  border-bottom: 1px solid rgba(90, 185, 234, 0.2);
}

/* === INNER === */

.sidebar__inner {}

/* === MONITORING === */

.sidebar__monitoring {
  margin-bottom: 5px;
  margin-top: 10px;
}

.sidebar__monitoring::after {
  content: "";
  border-bottom: 1px solid rgba(90, 185, 234, 0.15);
  display: flex;
  margin-top: 15px;
  width: 100%;
}

.sidebar__monitoring--no-hr::after {
  content: "";
  border-bottom: 1px solid rgba(90, 185, 234, 0.15);
  display: flex;
  margin-top: 15px;
  width: 100%;
}

.sidebar__text-success {
    color: #28a745 !important;
}

.sidebar__text-info {
    color: #17a2b8 !important;
}

.sidebar__text-warning {
    color: #ffc107 !important;
}

.rating_votes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
}

.rating_votes-element {
  display: flex;
}

.rating_votes-hotmc {
  height: 70px;
  width: 70px;
}

/* === RATES (last_rates_box) === */

.sidebar__rates--margin {
  margin-bottom: 5px;
}

/* PHP-plugin: переименование .item невозможно — daily_promo/index.php генерирует */

.sidebar__rates > .item {
  font-size: 15px;
  line-height: 23px;
  padding: 5px;
  border-radius: 2px;
  transition: opacity 0.3s ease;
  font-weight: 400;
  text-shadow: none;
}

.sidebar__rates > .item:nth-child(even) {
  background-color: rgba(90, 185, 234, 0.05);
}

.sidebar__rates:hover > .item {
  opacity: 1 !important;
}

.sidebar__rates > .item a {
  color: #5ab9ea;
  font-size: 15px;
  line-height: 15px;
}

/* PHP-plugin: переименование невозможно — sidebar_tops/index.php генерирует */

.sidebar__rates .pl_head {
  display: block;
  float: left;
  margin: 2px;
}

.sidebar__rates .pl_head img {
  display: block;
  width: 39px;
  border: 2px solid #5ab9ea;
  border-radius: 50%;
}

.sidebar__rates > .item > .info {
  margin-left: 50px;
}

/* PHP-plugin: переименование невозможно — возможно используется PHP-модулями */

.itemicon {
  width: 32px;
  height: 32px;
  vertical-align: -13px;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.info {
  text-align: left;
  white-space: nowrap;
  margin: 0px 5px 0px 5px;
  overflow: hidden;
}

.img.info {
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  background: url(../images/info-mini.png) no-repeat;
}

.uploadedfile .info {
  text-align: left;
  white-space: nowrap;
  margin: 0 5px;
  overflow: hidden;
}

.golos-mine {
  display: flow-root;
}


/* === LIST-GROUP (Case B — lastcomments.tpl генерирует .list-group-item) === */

/* PHP-plugin: переименование невозможно — lastcomments.tpl генерирует .list-group-item */

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

/* === SOCIAL CARDS === */

.sidebar__social-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  text-decoration: none;
  color: #d5dfea;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.03);
  transition: background 0.2s ease, border-color 0.2s ease;
  width: 100%;
}

.sidebar__social-card:hover {
  text-decoration: none;
  color: #fff;
}

/* Discord */
.sidebar__social-card--discord { border-color: rgba(88,101,242,0.25); }
.sidebar__social-card--discord:hover { background: rgba(88,101,242,0.10); border-color: rgba(88,101,242,0.50); }
.sidebar__social-card--discord .sidebar__social-card-icon { background: rgba(88,101,242,0.15); color: #5865F2; }
.sidebar__social-card--discord .sidebar__social-card-btn  { background: rgba(88,101,242,0.15); color: #818cf8; border-color: rgba(88,101,242,0.30); }
.sidebar__social-card--discord:hover .sidebar__social-card-btn { background: #5865F2; color: #fff; border-color: #5865F2; }

/* Telegram */
.sidebar__social-card--telegram { border-color: rgba(38,165,228,0.25); }
.sidebar__social-card--telegram:hover { background: rgba(38,165,228,0.08); border-color: rgba(38,165,228,0.50); }
.sidebar__social-card--telegram .sidebar__social-card-icon { background: rgba(38,165,228,0.15); color: #26A5E4; }
.sidebar__social-card--telegram .sidebar__social-card-btn  { background: rgba(38,165,228,0.15); color: #5bc8f5; border-color: rgba(38,165,228,0.30); }
.sidebar__social-card--telegram:hover .sidebar__social-card-btn { background: #26A5E4; color: #fff; border-color: #26A5E4; }

.sidebar__social-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.sidebar__social-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.sidebar__social-card-label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}

.sidebar__social-card-sub {
  font-size: 11px;
  color: #7395ae;
  line-height: 1.2;
}

.sidebar__social-card-btn {
  padding: 6px 11px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
  border: 1px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}