/*
 * Beautys brand color bridge.
 * Replaces Hummingbird's inherited Bootstrap blue with an Scarlet brown.
 */

:root,
[data-bs-theme="light"] {
  --bs-primary: #806132;
  --bs-primary-rgb: 128, 97, 50;
  --bs-primary-text-emphasis: #806132;
  --bs-primary-bg-subtle: #f6f2eb;
  --bs-primary-border-subtle: #e5dcd0;
  --bs-link-color: #806132;
  --bs-link-color-rgb: 128, 97, 50;
  --bs-link-hover-color: #4e351e;
  --bs-link-hover-color-rgb: 78, 53, 30;
  --bs-focus-ring-color: rgba(128, 97, 50, 0.25);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #806132;
  --bs-btn-border-color: #806132;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4e351e;
  --bs-btn-hover-border-color: #4e351e;
  --bs-btn-focus-shadow-rgb: 128, 97, 50;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4e351e;
  --bs-btn-active-border-color: #4e351e;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #806132;
  --bs-btn-disabled-border-color: #806132;
}

.btn-outline-primary {
  --bs-btn-color: #806132;
  --bs-btn-border-color: #806132;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #806132;
  --bs-btn-hover-border-color: #806132;
  --bs-btn-focus-shadow-rgb: 128, 97, 50;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4e351e;
  --bs-btn-active-border-color: #4e351e;
  --bs-btn-disabled-color: #806132;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #806132;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(128, 97, 50, 0.25);
}

.dropdown-menu,
.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: #806132;
}

.list-group {
  --bs-list-group-active-bg: #806132;
  --bs-list-group-active-border-color: #806132;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #806132;
}

.pagination {
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #806132;
  --bs-pagination-active-border-color: #806132;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(128, 97, 50, 0.25);
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #806132;
}

/* Keep checkout progress states aligned with the Scarlet brown palette. */
.checkout-steps__step--success .checkout-steps__number,
.checkout-steps__step--current .checkout-steps__number,
.checkout-steps__step--success::before,
.checkout-steps__step--success::after,
.checkout-steps__step--current::before {
  background-color: #806132;
}

.checkout-steps__step--success .checkout-steps__btn {
  color: #806132;
}

.checkout-steps__mobile .progress-ring.beautys-checkout-progress {
  color: #806132 !important;
}

/* Give checkout actions and the order reassurance column room to breathe. */
.page-order .checkout-grid__content .buttons-wrapper > .btn-primary {
  min-height: 46px;
  min-width: 160px;
  padding-inline: 24px;
}

@media (min-width: 992px) {
  .page-order .checkout-grid {
    --bs-gutter-x: 3rem;
  }
}

@media (max-width: 991.98px) {
  .page-order .checkout-grid__content {
    margin-block-end: 1.5rem;
  }

  .page-order .checkout-grid__content .buttons-wrapper > .btn-primary {
    width: 100%;
  }
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 97, 50, 0.25);
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  border-color: #806132;
  background-color: #806132;
}

.form-range::-webkit-slider-thumb {
  background-color: #806132;
}

.form-range::-moz-range-thumb {
  background-color: #806132;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(128, 97, 50, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(128, 97, 50, 0.25);
}