/* Arama sayfasi */
.sr-page { padding: 16px 16px 96px; color: #fff; }
.sr-form { display: flex; align-items: center; gap: 8px; background: #0E2C3D; border-radius: 10px; padding: 8px 10px; }
.sr-form i { color: #7EC8FF; }
.sr-form input { flex: 1; background: transparent; border: 0; outline: none; color: #fff; font-size: 15px; min-width: 0; }
.sr-form button { background: #2B7FFF; color: #fff; border: 0; border-radius: 8px; padding: 8px 14px; font-weight: 700; }
.sr-hint, .sr-count { color: #B7C9D6; margin: 14px 2px; font-size: 13px; }
.sr-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.sr-card { display: block; text-decoration: none; color: #fff; background: #0E2C3D; border-radius: 10px; overflow: hidden; }
.sr-card img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; background: #0A2433; }
.sr-card span { display: block; padding: 8px; }
.sr-card b, .sr-card small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-card b { font-size: 13px; }
.sr-card small { color: #7EC8FF; font-size: 11px; margin-top: 2px; }

@media (min-width: 992px) {
  html.site-d .sr-page { padding: 16px 8px 40px; }
  html.site-d .sr-form,
  html.site-d .sr-card { background: #0E2C3D; }
  html.site-d .sr-form i,
  html.site-d .sr-hint,
  html.site-d .sr-count,
  html.site-d .sr-card small { color: #B7C9D6; }
  html.site-d .sr-form button { background: #2B7FFF; color: #fff; }
  html.site-d .sr-grid { grid-template-columns: repeat(6, 1fr); }
  html.site-d .sr-card img { background: #0A2433; }
}

/* Slot, canli casino, crash, spor ve yan menu.
   Masaustu: bordo / altin. Mobil: lacivert / mavi. */

@media (min-width: 992px) {
  html.site-d .cs-wrap,
  html.site-d .lc-wrapper,
  html.site-d .mg-wrapper,
  html.site-d .betby-container,
  html.site-d .betby-loading {
    background: transparent !important;
    color: #fff !important;
  }
  html.site-d .cs-wrap { padding: 8px 8px 40px !important; }
  html.site-d .lc-wrapper,
  html.site-d .mg-wrapper { padding: 18px 8px 48px !important; max-width: none !important; }

  html.site-d .cs-tab,
  html.site-d .lc-btn,
  html.site-d .mg-btn {
    background: #0E2C3D !important;
    border-color: rgba(126,200,255,.18) !important;
    color: #B7C9D6 !important;
  }
  html.site-d .cs-tab.active,
  html.site-d .lc-btn.active,
  html.site-d .mg-btn.active {
    background: #2B7FFF !important;
    border-color: #2B7FFF !important;
    color: #fff !important;
  }
  html.site-d .cs-search,
  html.site-d .lc-search,
  html.site-d .mg-search,
  html.site-d .cs-prov-btn,
  html.site-d .cs-random,
  html.site-d .cs-jackpot,
  html.site-d .cs-jp-sub,
  html.site-d .cs-card,
  html.site-d .cs-card-info,
  html.site-d .lc-card,
  html.site-d .mg-card,
  html.site-d .cs-prov-list,
  html.site-d .lc-prov-menu,
  html.site-d .mg-prov-menu {
    background: #0E2C3D !important;
    border-color: rgba(126,200,255,.16) !important;
    color: #fff !important;
  }
  html.site-d .cs-search::placeholder,
  html.site-d .lc-search::placeholder,
  html.site-d .mg-search::placeholder,
  html.site-d .cs-count,
  html.site-d .lc-count,
  html.site-d .mg-count,
  html.site-d .cs-card-vendor,
  html.site-d .cs-jackpot-brand,
  html.site-d .cs-jp-label {
    color: #B7C9D6 !important;
  }
  html.site-d .cs-card-name,
  html.site-d .lc-card-name,
  html.site-d .mg-card-name,
  html.site-d .cs-jp-val,
  html.site-d .lc-title-area h2,
  html.site-d .mg-title-area h2 { color: #fff !important; }
  html.site-d .lc-card-prov,
  html.site-d .mg-card-prov,
  html.site-d .lc-title-area i,
  html.site-d .mg-title-area i,
  html.site-d .cs-prov-opt.active,
  html.site-d .lc-prov-item.active,
  html.site-d .mg-prov-item.active { color: #7EC8FF !important; }
  html.site-d .cs-btn-oyna {
    background: #2B7FFF !important;
    border-color: #2B7FFF !important;
    color: #fff !important;
  }
  html.site-d .cs-btn-demo {
    background: transparent !important;
    border-color: rgba(126,200,255,.45) !important;
    color: #7EC8FF !important;
  }
  html.site-d .cs-card-play,
  html.site-d .lc-play,
  html.site-d .mg-play {
    background: #2B7FFF !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  html.site-d .cs-more,
  html.site-d .lc-load-more,
  html.site-d .mg-load-more {
    background: #0A2433 !important;
    border-color: #2B7FFF !important;
    color: #7EC8FF !important;
  }
  html.site-d .cs-grid { grid-template-columns: repeat(6, 1fr) !important; }
  html.site-d .lc-grid,
  html.site-d .mg-grid { grid-template-columns: repeat(6, 1fr) !important; }
  html.site-d .cs-card-img { aspect-ratio: 3 / 4 !important; }
  html.site-d .betby-container {
    min-height: 0 !important;
    background: #071E2B !important;
  }
  html.site-d .betby-container iframe {
    height: 100% !important;
    min-height: 0 !important;
  }
  html.site-d .betby-loading { background: #071E2B !important; }
  html.site-d .betby-loading .spinner { border-top-color: #7EC8FF !important; }
  html.site-d .betby-loading a {
    background: #2B7FFF !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 991px) {
  body .cs-wrap,
  body .lc-wrapper,
  body .mg-wrapper,
  body .betby-container,
  body .betby-loading {
    background: #071E2B !important;
    color: #fff !important;
  }
  body .cs-wrap { padding: 0 0 88px !important; }
  body .lc-wrapper,
  body .mg-wrapper { padding: 14px 10px 96px !important; max-width: none !important; }

  body .cs-tab,
  body .lc-btn,
  body .mg-btn {
    background: #0E2C3D !important;
    border-color: rgba(126,200,255,.18) !important;
    color: #B7C9D6 !important;
  }
  body .cs-tab.active,
  body .lc-btn.active,
  body .mg-btn.active {
    background: #2B7FFF !important;
    border-color: #2B7FFF !important;
    color: #fff !important;
  }
  body .cs-search,
  body .lc-search,
  body .mg-search,
  body .cs-prov-btn,
  body .cs-random,
  body .cs-jackpot,
  body .cs-jp-sub,
  body .cs-card,
  body .cs-card-info,
  body .lc-card,
  body .mg-card,
  body .cs-prov-list,
  body .lc-prov-menu,
  body .mg-prov-menu {
    background: #0E2C3D !important;
    border-color: rgba(126,200,255,.16) !important;
    color: #fff !important;
  }
  body .cs-card-name,
  body .lc-card-name,
  body .mg-card-name,
  body .cs-jp-val,
  body .lc-title-area h2,
  body .mg-title-area h2 { color: #fff !important; }
  body .lc-card-prov,
  body .mg-card-prov,
  body .lc-title-area i,
  body .mg-title-area i,
  body .cs-count,
  body .lc-count,
  body .mg-count { color: #7EC8FF !important; }
  body .cs-btn-oyna {
    background: #2B7FFF !important;
    border-color: #2B7FFF !important;
    color: #fff !important;
  }
  body .cs-btn-demo {
    background: transparent !important;
    border-color: rgba(126,200,255,.45) !important;
    color: #7EC8FF !important;
  }
  body .cs-card-play,
  body .lc-play,
  body .mg-play { background: #2B7FFF !important; color: #fff !important; }
  body .cs-more,
  body .lc-load-more,
  body .mg-load-more {
    background: #0A2433 !important;
    border-color: #2B7FFF !important;
    color: #7EC8FF !important;
  }
  body .cs-grid,
  body .lc-grid,
  body .mg-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  body .cs-card-img,
  body .lc-card,
  body .mg-card { aspect-ratio: 3 / 4 !important; }
  body .betby-container {
    min-height: 0 !important;
    background: #071E2B !important;
  }
  body .betby-container iframe {
    height: 100% !important;
    min-height: 0 !important;
    background: #071E2B !important;
  }
  body .betby-loading { background: #071E2B !important; }
  body .betby-loading .spinner { border-top-color: #2B7FFF !important; }
  body .betby-loading a {
    background: #2B7FFF !important;
    color: #fff !important;
    border-radius: 8px !important;
  }

  html body #menu-panel-left,
  html body #menu-panel-left.open,
  html body #menu-panel-left.nv-menu-open {
    background: #071E2B !important;
  }
  html body #menu-panel-left .nv-menu-inner > a,
  html body #menu-panel-left .nv-menu-inner > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    grid-template-columns: none !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }
  html body #menu-panel-left .nv-menu-inner a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    padding: 11px 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #B7C9D6 !important;
    text-decoration: none !important;
  }
  html body #menu-panel-left .nv-menu-inner a:hover,
  html body #menu-panel-left .nv-menu-inner a:active {
    background: #14384C !important;
    color: #fff !important;
  }
  html body #menu-panel-left .nv-menu-inner a i,
  html body #menu-panel-left .nv-menu-inner a span {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  html body #menu-panel-left .nv-label {
    margin: 8px 12px 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(183,201,214,.7);
  }
  html body #menu-panel-left .nv-search {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #0A2433;
    border: 1px solid rgba(126,200,255,.16);
  }
  html body #menu-panel-left .nv-search i { color: #7EC8FF; }
  html body #menu-panel-left .nv-search input {
    flex: 1;
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    font: inherit;
  }
  html body #menu-panel-left .nv-menu-inner { padding: 16px 12px 88px !important; }
  html body #menu-panel-left.open,
  html body #menu-panel-left.nv-menu-open {
    padding: 16px 14px 118px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* Kayit sayfasi: eski beyaz buton kurallarini ezer */
.rp-stage {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
}
.rp {
  background: #0E2C3D !important;
  border: 1px solid rgba(126,200,255,.16) !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(420px, calc(100% - 32px)) !important;
  max-width: 420px !important;
}
.rp-title p,
.rp-f .rp-lbl,
.rp-lbl,
.rp-terms label,
.rp-note {
  color: #B7C9D6 !important;
}
.rp-title h1 { color: #fff !important; }
.rp-f input,
.rp-f select,
.rp-box {
  background: #0A2433 !important;
  border: 1px solid rgba(126,200,255,.16) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
.rp-f input:focus,
.rp-f select:focus { border-color: #2B7FFF !important; }
.rp-phone select,
.rp-phone input { border-radius: 10px !important; }
.rp-terms a,
.rp-note i { color: #7EC8FF !important; }
.rp-submit,
.rp .rp-nav-btns button,
.rp .rp-submit,
.rp button[type="submit"] {
  background: #2B7FFF !important;
  color: #fff !important;
  border: 0 !important;
}
.rp-submit:hover,
.rp .rp-submit:hover,
.rp button[type="submit"]:hover {
  background: #2B7FFF !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  html.site-d .rp {
    background: #0E2C3D !important;
    border-color: rgba(126,200,255,.22) !important;
    width: min(420px, calc(100% - 48px)) !important;
    max-width: 420px !important;
  }
  html.site-d .rp-title p,
  html.site-d .rp-f .rp-lbl,
  html.site-d .rp-lbl,
  html.site-d .rp-terms label,
  html.site-d .rp-note { color: #B7C9D6 !important; }
  html.site-d .rp-f input,
  html.site-d .rp-f select,
  html.site-d .rp-box {
    background: #0A2433 !important;
    border-color: rgba(126,200,255,.25) !important;
  }
  html.site-d .rp-f input:focus,
  html.site-d .rp-f select:focus { border-color: #2B7FFF !important; }
  html.site-d .rp-terms a,
  html.site-d .rp-note i { color: #7EC8FF !important; }
  html.site-d .rp-submit,
  html.site-d .rp .rp-submit,
  html.site-d .rp button[type="submit"],
  html.site-d .rp-submit:hover,
  html.site-d .rp .rp-submit:hover {
    background: #2B7FFF !important;
    color: #fff !important;
  }
}