/* ==========================================================================
   Site dark-mode safety net
   Mirrors every rule in main.css, custom.css, dashboard.css, skeleton.css and
   the template <style> blocks that sets a neutral dark text colour, a light
   background or a light border, and swaps the value for the matching theme
   token. It was derived from those files mechanically so screens without a
   bespoke design still read correctly; theme.css (loaded after this file) holds
   the designed components. Edit either by hand.
   ========================================================================== */

/* --- from main.css --- */
.form--control {
  border: 1px solid var(--c-line-strong);
}

.form--control[type="file"]::-webkit-file-upload-button {
  background-color: var(--c-surface) !important;
}

textarea.form--control {
  border: 1px solid var(--c-line-strong);
}

.form--select .form-select {
  border: 1px solid var(--c-line-strong);
}

.form-group .input-group-text.mobile-code {
  border: 1px solid var(--c-line-strong);
}

.list-group-item {
  border-color: var(--c-line-strong);
}

.card {
  border: 1px solid var(--c-line-strong);
}

.odd-list__item {
  border-bottom: 1px solid var(--c-line);
}

.odd-list__team-img {
  border: 1px solid var(--c-line-strong);
}

.accordion--odd .accordion-header {
  background-color: var(--c-surface-2);
}

.accordion--odd .accordion-button {
  background-color: var(--c-surface);
  color: var(--c-text);
}

.accordion--odd .accordion-body {
  background-color: var(--c-surface);
}

@media screen and (max-width: 991px) {
.betslip {
  background-color: var(--c-surface);
}

.betslip__list-ratio input {
  border-bottom: 1px solid var(--c-line-strong);
}

.betslip__list-ratio span.amount {
  border-bottom: 1px solid var(--c-line-strong);
}

.betslip__footer {
  background-color: var(--c-surface);
}
}

@media screen and (min-width: 992px) {
.betslip__list-ratio span.amount {
  border-bottom: 1px solid var(--c-line-strong);
}

.betslip__footer {
  background-color: var(--c-surface);
}
}

.betslip__list-ratio input {
  border: 1px solid var(--c-line-strong);
}

.qr-code {
  border: 1px solid var(--c-line-strong);
}

.single-bet li, .login-message {
  background-color: var(--c-surface);
  border: 1px solid var(--c-line-strong);
}

.betslip__body {
  background-color: var(--c-surface);
  border: 1px solid var(--c-line-strong);
}

.post-card {
  background-color: var(--c-surface);
}

.blog-details__thumb .post__date .month {
  background-color: var(--c-surface);
}

blockquote {
  color: var(--c-text-2);
}

.sidebar .list li {
  border-bottom: 1px solid var(--c-line-strong);
}

.sidebar .small-post-list .small-post {
  border-bottom: 1px solid var(--c-line-strong);
}

.maintenance-icon {
  background-color: var(--c-surface);
}

.option-odd-list .sports-category__arrow-next, .option-odd-list .sports-category__arrow-prev {
  color: var(--c-text-2);
}

.sports-card__team-flag {
  background-color: var(--c-surface-2);
}

.betslip-select {
  border-bottom: 1px solid var(--c-line-strong);
}

.betslip-select .form-select {
  border: 1px solid var(--c-line-strong);
}

.betslip__footer-bottom {
  border-top: 1px solid var(--c-line-strong);
}

.betslip-item-team__name {
  color: var(--c-text-2);
}

.betslip-item-market__type {
  color: var(--c-text-3);
}

.betslip-item-stake__label {
  color: var(--c-text-2);
}

.betslip-item-stake .input-group .input-group-text {
  color: var(--c-text-2);
}

.betslip-item-stake .input-group .form-control::placeholder {
  color: var(--c-text-2);
}

.odd-list__outcomes li {
  background-color: var(--c-surface);
}

.custom--modal .modal-body button.close {
  color: var(--c-text-3);
}

.custom--modal .modal-body button.close:hover {
  color: var(--c-text-3);
}

.bet-list-item__header {
  border-bottom: 1px solid var(--c-line-strong);
}

.bet-single {
  border-bottom: 1px solid var(--c-line);
}

.bet-market_type {
  color: var(--c-text-3);
}

.bet-single__team {
  color: var(--c-text);
}

.bet-single__vs {
  color: var(--c-text);
}

.bet-single__selected-team {
  color: var(--c-text);
  border: 1px solid var(--c-line);
}

.bet-single-info__item .label {
  color: var(--c-text-2);
}

.bet-single-info__item .value {
  color: var(--c-text);
}


/* --- from custom.css --- */
.cookies-btn {
  color: var(--c-text-2);
}

.cookies-btn:hover {
  color: var(--c-text-2);
}

.select2-dropdown {
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05),
    6px 4px 19px hsl(var(--base) / 0.35);
}

.select2-search--dropdown {
  border-color: var(--c-line-strong) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--c-line-strong) !important;
}

.select2-results__option.select2-results__option--selected, .select2-results__option--selectable, .select2-container--default .select2-results__option--disabled {
  border-bottom: 1px solid var(--c-line-strong);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: var(--c-surface-2);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--c-surface-2);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: var(--c-surface-2);
}

.select2-container--default .select2-selection--single {
  border-color: var(--c-line-strong) !important;
}

.select2-results__option.select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--c-surface-2) !important;
  color: var(--c-text) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  box-shadow: 0 0 25px hsl(var(--base) / 0.35) !important;
}

.payment-system-list {
  background-color: var(--c-surface);
}

.payment-item {
  border: 1px solid var(--c-line-strong);
}

.payment-item:first-child {
  border-top-color: var(--c-line-strong);
}

.payment-item__btn {
  background-color: var(--c-surface);
}

.payment-item:hover + .payment-item__btn {
  border-top-color: var(--c-line-strong);
}

.social-login-btn {
  border: 1px solid var(--c-line-strong);
}

.register-disable {
  background-color: var(--c-surface);
  color: var(--c-text);
}

.register-disable-title {
  color: var(--c-text);
}

.register-disable-desc {
  color: var(--c-text);
}


/* --- from dashboard.css --- */
.table-responsive {
  border: 1px solid var(--c-line-strong);
}

.custom--table thead {
  border-bottom: 1px solid var(--c-line-strong);
  background-color: var(--c-surface);
}

.custom--table tbody td {
  border-bottom: 1px solid var(--c-line-strong);
  background-color: var(--c-surface);
}

@media (max-width: 991px) {
.table-responsive--md tr th, .table-responsive--md tr td {
  border-bottom: 1px solid var(--c-line-strong);
}
}

@media (max-width: 767px) {
.table-responsive--sm tr th, .table-responsive--sm tr td {
  border-bottom: 1px solid var(--c-line-strong);
}
}

.submenu {
  background-color: var(--c-surface);
}

@media screen and (min-width: 992px) {
.dashboard-menu {
  border: 1px solid var(--c-line-strong);
}
}

.dashboard-menu__inner>li {
  background-color: var(--c-surface);
}

@media (min-width: 992px) {
.dashboard-sidebar::-webkit-scrollbar-track {
  background-color: var(--c-surface-2);
}
}

.input-group:has(input) .btn {
  border: 1px solid var(--c-line-strong);
}


/* --- from skeleton.css --- */



/* --- from <style> blocks in the template views (prefixed with html to outrank them) --- */
html .social-login-btn {
  border: 1px solid var(--c-line-strong);
}

html .login-form {
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.45);
  border: 1px solid var(--c-line-strong);
}

html .ajax-preloader {
  color: var(--c-text);
}

html .form-field {
  border: 1px solid var(--c-line-strong);
  background-color: var(--c-surface);
}

html .image-upload-preview {
  border: 1px solid var(--c-line-strong);
}