/* ============================================================
   RAJABURMA88 — Dark Green Theme v2 (Additional Overrides)
   desktop-dark-green-css73a1.css
   ============================================================ */

/* ── Login / Register Modal (full dark green) ── */
.login-modal .modal-content,
.forgot-password-modal .modal-content {
  background: #091809;
  border: 1px solid #1a4a1a;
}

.login-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.login-modal .modal-body .form-group { margin-bottom: 14px; }

.login-modal .modal-body .form-control {
  height: 40px;
  padding: 8px 12px;
}

/* Login tabs inside modal */
.login-modal .nav-tabs { margin-bottom: 16px; }

.login-modal .btn-primary {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  letter-spacing: .5px;
}

/* ── Topbar Adjustments ── */
.topbar-container .row > div {
  display: flex;
  align-items: center;
}

/* Search popup trigger icon */
.search_popup_button i[data-icon="search"] {
  opacity: .7;
  transition: opacity .2s;
}

.search_popup_button:hover i[data-icon="search"] { opacity: 1; }

/* ── Banner Navigation Arrows ── */
.banner .slick-prev,
.banner .slick-next {
  z-index: 10;
  width: 36px;
  height: 36px;
  background: rgba(0,0,0,.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.2);
  transition: background .2s;
}

.banner .slick-prev:hover,
.banner .slick-next:hover {
  background: rgba(5,166,0,.6);
}

.banner .slick-prev { left: 10px; }
.banner .slick-next { right: 10px; }

.banner .slick-prev::before,
.banner .slick-next::before {
  color: white;
  font-size: 18px;
  opacity: 1;
}

/* ── Announcement / News Ticker ── */
.home-info-container .marquee,
.home-info-container .announcement {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #7db87d;
}

/* ── Game item hover overlay polish ── */
.game-item::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: border-color .2s;
  pointer-events: none;
  z-index: 5;
}

.game-item:hover::after {
  border-color: #15ff0d;
  box-shadow: 0 0 12px rgba(21,255,13,.4);
}

/* ── Provider section in footer ── */
.provider-section .container-title {
  font-size: 14px;
  color: #d4a017;
  border-bottom: 1px solid #1a4a1a;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.provider-section .hover-list { margin-bottom: 16px; }

/* ── Footer Copyright text ── */
footer .copyright,
footer .footer-copyright {
  text-align: center;
  font-size: 11px;
  color: #3a5c3a;
  padding-top: 12px;
  border-top: 1px solid #1a4a1a;
  margin-top: 12px;
}

/* ── Certifications / Responsible Gambling row ── */
.certifications-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #1a4a1a;
}

.certifications-row img {
  height: 32px;
  width: auto;
  filter: grayscale(20%);
  opacity: .8;
  transition: opacity .2s, filter .2s;
}

.certifications-row img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

/* ── Powered-by badge ── */
.powered-by-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #3a5c3a;
}

.powered-by-logo { height: 16px; width: auto; }

/* ── Mobile-only popup (mobilePopup) ── */
#mobilePopup {
  display: none;
}

@media only screen and (max-width: 768px) {
  #mobilePopup {
    display: block;
  }
}

/* ── Scrollbar global style ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #040f04; }
::-webkit-scrollbar-thumb { background: #1a4a1a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2a7a2a; }

/* ── Loading / Spinner ── */
.loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(4,15,4,.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loading-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(5,166,0,.2);
  border-top-color: #05a600;
  border-radius: 50%;
  animation: spin .8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

/* ── Utility ── */
.text-gold    { color: #d4a017; }
.text-green   { color: #05a600; }
.text-green-lt{ color: #15ff0d; }
.text-sub     { color: #7db87d; }
.bg-dark-green{ background-color: #0d2210; }
.border-green { border: 1px solid #1a4a1a; }

/* ── Fix Bootstrap 3 container max-widths ── */
@media (min-width: 1200px) {
  .container { max-width: 1200px; }
}

/* ── Glyphicon visibility fix ── */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}