/* CroreCrush user-panel theme — stone grey + aged gold (logo palette) */
:root {
  --primary-color: #c9a227 !important;
  --secondary-color: #8b6b2e !important;
  --theme-gradient-clr: #1a1d22 !important;
  --inplay-btn-clr: #d4b96a !important;
  --fa-secondary-color: #c9a227 !important;
  --bs-body-bg: #0b0b0c !important;
  --bs-body-color: #e6e6e6 !important;
  --bs-body-bg-rgb: 11, 11, 12 !important;
  --bs-body-color-rgb: 230, 230, 230 !important;
  --gray-dark-color: #1a1d22 !important;
}

html,
body {
  background: #0b0b0c !important;
  background-color: #0b0b0c !important;
  color: #e6e6e6 !important;
}

body#app,
#app,
#__nuxt,
#root,
.wrapper,
.main-container,
.page-wrapper,
.app-content,
.home-page,
.center-main,
.center-content,
.main-wrapper,
.sports-wrapper,
.content-wrapper {
  background: #0b0b0c !important;
  background-color: #0b0b0c !important;
  color: #e6e6e6 !important;
}

.header-wapper {
  background-color: #000 !important;
  background-image: none !important;
}

.header,
.navbar,
.top-header,
header.header-sec,
.header-sec,
.nav-middle-menu,
.app-lft-sidebar,
.left-side-bar-sec,
.side-menu,
.left-menu {
  background: #121418 !important;
  background-color: #121418 !important;
}

.app-lft-sidebar .left-close-btn,
.left-side-bar-sec .left-close-btn {
  background: #000 !important;
}

.app-lft-sidebar .left-close-btn .right-colse-icon,
.left-side-bar-sec .left-close-btn .right-colse-icon,
.app-lft-sidebar .left-close-btn .right-colse-icon:before,
.left-side-bar-sec .left-close-btn .right-colse-icon:before {
  color: #e0c56a !important;
}

.header-wapper .nav-right.header-nav-rgt > ul > li > a.bal-exp span,
.header-wapper .nav-right.header-nav-rgt > ul > li > a span:not(.menu-rgt-text),
.header-wapper .bal-exp span {
  color: #eee !important;
}

.header-wapper .bal-exp b,
.header-wapper .nav-right.header-nav-rgt > ul > li > a.bal-exp span b,
.header-wapper .nav-right.header-nav-rgt > ul > li > a span:not(.menu-rgt-text) b,
.header-wapper .nav-right ul li.bal-exp b {
  color: #e0c56a !important;
}

.nav-right.header-nav-rgt ul.dropdown-menu {
  background: #1a1d22 !important;
  border: 1px solid #3a3f48 !important;
}

.nav-right.header-nav-rgt ul.dropdown-menu .dropdown-item,
.nav-right.header-nav-rgt ul.dropdown-menu li.menu-rgt-icons a,
.nav-right.header-nav-rgt ul.dropdown-menu .menu-rgt-text {
  color: #e8e8e8 !important;
}

.nav-right.header-nav-rgt ul.dropdown-menu li.menu-rgt-icons a:hover,
.nav-right.header-nav-rgt ul.dropdown-menu .dropdown-item:hover {
  color: #e0c56a !important;
  background: #252930 !important;
}

ul.login-sign-btn-m li a.cmn-btn12,
ul.login-sign-btn-m .cmn-btn12,
.cmn-btn12.loginModal-header,
header .cmn-btn12,
.header .cmn-btn12,
.navbar .cmn-btn12,
.header .btn,
.navbar .btn,
.login-btn,
.signup-btn,
a.login,
a.signup,
.nav-right ul li .cmn-btn12 {
  background: linear-gradient(180deg, #d4b96a, #c9a227 45%, #8b6b2e) !important;
  color: #111 !important;
  border: 1px solid #a67c2d !important;
}

/* Stuck full-page loaders block all taps — force hide */
.fileList-loader,
.fileList-loader.global_loader,
.global_loader,
.loading-state {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

/* Mobile header: keep SIGNUP/LOGIN fully visible (logo was too wide) */
@media (max-width: 767px) {
  .header-wapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 6px 0 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .header-left,
  .logo-sec,
  .brand-logo,
  .web-logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 148px) !important;
    overflow: hidden !important;
  }

  .web-logo {
    margin-left: 2px !important;
    min-height: 40px !important;
    min-width: 0 !important;
  }

  .web-logo img,
  a.navbar-brand img,
  header .logo img,
  img[src*="lionexchworld-logo"],
  img[src*="crorecrush-logo"] {
    height: 32px !important;
    max-height: 32px !important;
    min-height: 0 !important;
    max-width: 132px !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .nav-right,
  .nav-right.header-nav-rgt {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 148px !important;
    margin-left: 4px !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  ul.login-sign-btn-m {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  ul.login-sign-btn-m li {
    margin: 0 !important;
    padding: 0 !important;
  }

  ul.login-sign-btn-m li a.cmn-btn12,
  ul.login-sign-btn-m .cmn-btn12,
  ul.login-sign-btn-m li .cmn-btn12.loginModal-header,
  .nav-right ul li .cmn-btn12,
  .header .cmn-btn12 {
    padding: 3px 7px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
}

.livematch {
  background-image: none !important;
  background: linear-gradient(90deg, #3a3428, #6b5420 35%, #c9a227) !important;
}

.latest-event-item a {
  background: #3a3f48 !important;
  border: 1px solid #c9a227 !important;
}

.latest-event-item a b,
.new-launch-text b {
  color: #e0c56a !important;
}

.ipl-events-sec,
.cmn-btn-cashout,
.cashout-btn,
.credits-chackn-box.earn-bonus-row .menu-details-heading h4 span.ern-bns-timer_c,
.nav-right.header-nav-rgt ul li a.dropdown-item.signout-btn {
  background: linear-gradient(180deg, #c9a227, #8b6b2e 80% 100%) !important;
  box-shadow: inset 0 -10px 20px #5c4a22 !important;
  color: #111 !important;
}

.list-sport-title,
.list-casino-title,
.new-launch-game-wrapper .list-sport-title {
  background: linear-gradient(90deg, #2a2d32, #3a3f48) !important;
  color: #e0c56a !important;
  border-bottom: 1px solid #c9a227 !important;
}

.list-sport-title:before {
  background: linear-gradient(180deg, #c9a227, #8b6b2e) !important;
}

.list-sport-title span,
.new-launch-game-wrapper .list-sport-title span {
  color: #e0c56a !important;
}

.game-heading,
.sports-heading,
.home-game-list-title,
.casino-heading,
.game-list-heading,
.listing-heading,
.section-title,
.inplay-title,
.sport-header,
.match-odds-heading,
.market-title,
.fancy-header,
.right-side-bar-main-sec .form-search-table thead tr th,
.form-search-table thead tr th,
.video-player-head,
.mrkname,
.events-details-sec .country-vs-country {
  background: linear-gradient(to bottom right, #3a3f48, #1a1d22) !important;
  color: #e0c56a !important;
  border-color: #8b6b2e !important;
}

.fancy-tab-list .nav-tabs .nav-item.show .nav-link,
.fancy-tab-list .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #c9a227, #8b6b2e) !important;
  color: #111 !important;
}

.hightlight-nav-menu a,
.nav-middle-menu ul li a.def_active,
.nav-middle-menu ul li a.def_active:hover {
  background-color: #3a3f48 !important;
  color: #e0c56a !important;
}

.side-menu li.active,
.side-menu .active > a,
.left-menu li.active,
.menu-list li.active,
.nav-pills .nav-link.active {
  border-left-color: #c9a227 !important;
  color: #e0c56a !important;
}

.btn-primary,
.place-bet-btn,
.bg-primary,
.badge-primary,
.text-bg-primary,
.trade-bet-btn12.visibel-bottom,
.btn-danger,
.submitt-btn button,
.cmn-btn,
.statementFilter-fild .btn-gets,
.place-more-bet-btn .thm-but,
button.get-otp-btn {
  background: linear-gradient(180deg, #d4b96a, #c9a227) !important;
  border-color: #8b6b2e !important;
  color: #111 !important;
}

.text-primary {
  color: #c9a227 !important;
}

.border-primary {
  border-color: #c9a227 !important;
}

.footer,
.footer-sec {
  background: #0b0b0c !important;
  border-top-color: #c9a227 !important;
  color: #b0b4ba !important;
}

.card,
.market-card,
.odds-table,
.table,
.form-search-table,
.right-side-bar-main-sec,
.bet-slip,
.place-bet-box,
.banner-side-img-sec,
.home-casino-sec,
.casino-list-sec,
.new-launch-game-wrapper,
.sports-list-sec,
.list-inline-item,
.center-main-sec {
  background-color: #16181c !important;
  color: #e6e6e6 !important;
  border-color: #2f343c !important;
}

.form-search-table {
  background-color: #16181c !important;
}

.login-model-pop-up-sec .modal-content,
.sign-up-wrapper .modal-content,
.forgot-main.login-model-pop-up-sec .modal-content,
section.login-form-sec {
  background: linear-gradient(180deg, #2a2d32, #1a1d22 55%, #121418) !important;
  border: 1px solid #c9a227 !important;
}

.sign-up-wrapper .modal-dialog .modal-content .modal-body,
.forgot-main .modal-dialog .modal-content .modal-body,
.login-model-pop-up-sec .login-body-lft,
.login-model-pop-up-sec .acc-login-sec {
  background: #16181c !important;
  border: 1px solid #3a3f48 !important;
  color: #e8e8e8 !important;
}

.login-option-h ul {
  background: #1a1d22 !important;
  border: 1px solid #c9a227 !important;
}

.login-option-h .nav-pills .nav-link.active,
.login-option-h .nav-pills .show > .nav-link,
.login-option-h ul li button.active {
  background: #c9a227 !important;
  color: #111 !important;
}

.login-option-h ul li button,
.login-flow-heading .login-form,
h1.login-form.sign-up-h,
.login-flow-heading p,
.login-model-pop-up-sec a,
.sign-up-wrapper a {
  color: #e0c56a !important;
}

.login-model-pop-up-sec input.form-control,
.login-model-pop-up-sec .form-control,
.sign-up-row .form-control,
.input-wrap.sign-up-row .contact-info-wrapper,
.login-model-pop-up-sec .form-select {
  background: #0f1114 !important;
  color: #eee !important;
  border: 1px solid #c9a227 !important;
}

.login-cmn-btn button,
.login-model-pop-up-sec .login-cmn-btn button {
  background: #1a1d22 !important;
  color: #e0c56a !important;
  border: 1px solid #c9a227 !important;
}

.login-cmn-btn button:hover {
  background: #c9a227 !important;
  color: #111 !important;
}

a,
.link-primary {
  color: #e0c56a;
}

.notification-request .notification-title,
.notification-request .notification-title a,
span.notification-msg,
.notification-msg {
  color: #e6e6e6 !important;
}

.notification-request .notification-title a {
  color: #e0c56a !important;
}