/* RBS Forum R9 — corrective patch after R8 animated background.
   Scope: only presentation fixes. No PHP/SQL/JS logic of modules is changed. */

/* 1) Animated background remains purely decorative and never competes with content. */
body.rbs-modern .footer {
  position: relative;
  z-index: 1;
}

/* 2) Statistics title and neon separator: keep the line below the heading. */
body.rbs-modern .rbs-stats-page::before {
  top: 86px;
  left: 34px;
  right: 34px;
}
body.rbs-modern .rbs-stats-page > .block_head,
body.rbs-modern .rbs-stats-page__head {
  padding: 24px 28px 42px;
  align-items: flex-start;
}
body.rbs-modern .rbs-stats-page > .block_head i,
body.rbs-modern .rbs-stats-page__head i {
  margin-top: 3px;
}

/* 3) Modal windows: lighter, clearer, more readable above dark backdrop. */
body.rbs-modern .modal-backdrop,
body.rbs-modern .modal-backdrop.in,
body.rbs-modern .modal-backdrop.show {
  opacity: 1 !important;
  background: rgba(3, 6, 12, .78) !important;
}
body.rbs-modern .modal .modal-dialog {
  z-index: 1061;
}
body.rbs-modern .modal .modal-content {
  background:
    radial-gradient(circle at top right, rgba(84, 184, 255, .08), transparent 30%),
    radial-gradient(circle at top left, rgba(185, 82, 255, .09), transparent 28%),
    linear-gradient(180deg, rgba(18, 26, 38, .985), rgba(11, 17, 28, .988));
  border-color: rgba(118, 165, 214, .24);
  box-shadow: 0 24px 72px rgba(0, 0, 0, .56);
}
body.rbs-modern .modal .modal-header {
  background: linear-gradient(180deg, rgba(28, 42, 61, .98), rgba(23, 35, 51, .98));
  border-bottom-color: rgba(151, 182, 210, .14);
}
body.rbs-modern .modal .modal-body {
  background: transparent;
  color: #e8f0fb;
}
body.rbs-modern .modal .table-responsive,
body.rbs-modern .modal .table,
body.rbs-modern .modal .table-bordered {
  background: rgba(15, 22, 33, .28);
}
body.rbs-modern .modal .table.table-bordered > tbody > tr > td,
body.rbs-modern .modal .table.table-bordered > thead > tr > td {
  border-color: rgba(116, 145, 176, .16);
}
body.rbs-modern .modal .progress,
body.rbs-modern .modal .progress-bar {
  min-height: 20px;
}
body.rbs-modern .modal .btn-default,
body.rbs-modern .modal .btn.btn-default {
  background: rgba(45, 62, 84, .96);
  border-color: rgba(122, 155, 192, .22);
  color: #edf5ff;
}

/* 4) Footer should feel anchored and more integrated with the theme. */
body.rbs-modern .footer {
  background: linear-gradient(180deg, rgba(10, 18, 30, .96), rgba(9, 16, 27, .98));
  border-top: 1px solid rgba(103, 132, 170, .18);
  box-shadow: 0 -10px 28px rgba(0, 0, 0, .18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.rbs-modern .footer .container {
  position: relative;
  z-index: 1;
}
body.rbs-modern .footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(87,240,221,.0), rgba(87,240,221,.9), rgba(197,86,255,.92), rgba(255,104,170,.0));
  opacity: .65;
}

/* 5) Gift icon: fix to the lower-left corner so it never jumps into the header. */
body.rbs-modern .smart-roulette__gift,
body.rbs-modern .smart-roulette__gift:hover {
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  top: auto !important;
  bottom: 18px !important;
  margin: 0 !important;
  display: block;
  z-index: 1040 !important;
}


/* 7) Scroll-to-top button should stay above the footer cleanly. */
body.rbs-modern .h-top-link,
body.rbs-modern .h-top-link:hover {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1040;
}

/* Desktop support blocks spacing. */
body.rbs-modern .footer .banners {
  text-align: right;
}

@media (max-width: 1199.98px) {
  body.rbs-modern .rbs-stats-page::before {
    top: 82px;
    left: 26px;
    right: 26px;
  }
}

@media (max-width: 767.98px) {
  body.rbs-modern .rbs-stats-page::before {
    top: 68px;
    left: 18px;
    right: 18px;
  }
  body.rbs-modern .rbs-stats-page > .block_head,
  body.rbs-modern .rbs-stats-page__head {
    padding: 18px 18px 28px;
  }
  body.rbs-modern .smart-roulette__gift,
  body.rbs-modern .smart-roulette__gift:hover {
    left: 12px !important;
    bottom: 12px !important;
  }
  body.rbs-modern .footer .banners,
  body.rbs-modern .footer .copyright {
    text-align: center;
  }
}