/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

.navbar, .footer.component, .container, .component, .body, :root {
  background-image: url('black-scales-1920x1080.png') !important;
}

:root {
  --cl-background-primary: unset !important;
}

.hero .content .stats {
  background: #470000 !important;
}

.hero .fake-searchbar input, .hero .search-modal .searchbar input {
  background: #470000 !important;
}

.bg-gray {
  background: #470000 !important;
}

.currency-selector .choices__inner {
  border: 1px solid #810c0c !important;
}

.currency-selector .symbol {
  color: #a5a5a5 !important;
}

.choices .choices__list.choices__list--dropdown {
  background-color: #470000;
}

.cart .form {
  background-color: #470000;
}

.btn-primary {
    --bs-btn-bg: #660000;
    --bs-btn-border-color: #3b0202;
    --bs-btn-disabled-bg: var(--cl-accent);
    --bs-btn-disabled-border-color: var(--cl-accent);
    --bs-btn-hover-bg: #610202;
    --bs-btn-hover-border-color: #610202;
    --bs-btn-active-bg: #610202;
    --bs-btn-active-border-color: #610202;
}

.btn-primary:hover {
  background-color: #610202;
  border-color: #3f0000;
}

.form-control, .form-select {
  background-color: #470000;
}

.form-control:focus {
  border-color: #680000 !important;
  box-shadow: 0 0 0 .25rem #680000 !important;
}

.alert-info {
  --bs-alert-color: #ffffff;
  --bs-alert-bg: #400000;
  --bs-alert-border-color: #870000;
  --bs-alert-link-color: #ff3c3c;
}

.btn-outline-primary {
  --bs-btn-color: #a5a5a5 !important;
  --bs-btn-border-color: #810c0c !important;
  --bs-btn-hover-bg: #7a0000 !important;
  --bs-btn-active-bg: #5b0000 !important;
  --bs-btn-active-border-color: #5b0000 !important;
  --bs-btn-disabled-color: #5b0000 !important;
  --bs-btn-disabled-border-color: #5b0000 !important;
  --bs-btn-hover-border-color: #5b0000 !important;
}

.products .card .card-img-top .overlay .btn:hover {
  background-color: #7a0000;
  border-color: #5b0000;
}

.text-primary {
  color: rgb(255 0 0) !important;
}

.footer .nav li a:hover {
  color: #7a0000;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  background-color: #810000;
  border-color: #560000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #cf0000;
}

.nav-link {
  color: #f30000;
}

.nav-link:focus, .nav-link:hover {
  color: #ffb8b8;
}

.navbar .cart .btn .count {
  background: #950000;
}