/* =========================
   MULTISELECT FULL OVERRIDE
========================= */

/* Main multiselect (closed state) */
.multiselect,
.multiselect__tags {
  background-color: #f4e4e0 !important;
  border-color: #e23f27 !important;
}

/* Selected single value area */
.multiselect__single {
  background-color: transparent !important;
  color: #e23f27 !important;
}

/* Dropdown wrapper */
.multiselect__content-wrapper,
.multiselect__content {
  background-color: #f4e4e0 !important;
}

/* Each dropdown row */
.multiselect__element,
.multiselect__option {
  background-color: #f4e4e0 !important;
  color: #e23f27 !important;
}

/* Selected option */
.multiselect__option--selected {
  background-color: #f4e4e0 !important;
  color: #e23f27 !important;
}

/* Hover / highlighted option */
.multiselect__option--highlight {
  background-color: #f0d6d1 !important; /* slightly darker than bg */
  color: #e23f27 !important;
}

/* Force all inner text red */
.multiselect__option *,
.multiselect__single *,
.multiselect__tags * {
  color: #e23f27 !important;
}

/* Remove inner white backgrounds */
.multiselect__option > div,
.multiselect__tags-wrap,
.multiselect .d-flex,
.multiselect .text-secondary,
.multiselect .part-thumbnail {
  background-color: transparent !important;
}


/* =========================
   QUANTITY FIELD
========================= */

.qty-field,
.input-group .form-control {
  background-color: #f4e4e0 !important;
  border-color: #e23f27 !important;
  color: #e23f27 !important;
}

/* Clean focus state */
.qty-field:focus,
.multiselect:focus,
.multiselect__tags:focus {
  background-color: #f4e4e0 !important;
  box-shadow: none !important;
}

/* =====================================
   CHECKOUT CARD BACKGROUNDS
   Light Pink: #f4e4e0
===================================== */

/* Customer Information Card */
[data-cy="customer-information"].card,
[data-cy="customer-information"].card-body {
  background-color: #f4e4e0 !important;
  border: 1px solid #e23f27 !important;
}

/* Shipping Section Card */
[data-cy="shipment-address"] .card,
[data-cy="shipment-address"] .card-body {
  background-color: #f4e4e0 !important;
  border: 1px solid #e23f27 !important;
}

/* Remove any inner white backgrounds */
[data-cy="customer-information"] .form-group,
[data-cy="shipment-address"] .form-group {
  background-color: transparent !important;
}

/* Make section headers match */
[data-cy="shipment-address"] h3 {
  color: #e23f27 !important;
}

/* =====================================
   PAYMENT SECTION – CLEAN VERSION
===================================== */

/* Payment outer card */
.checkout-payment .card.card-body {
  background-color: #f4e4e0 !important;
  border: 1px solid #e23f27 !important;
  border-radius: 8px !important;
}

/* Remove inner card borders */
.checkout-payment .card .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Payment header */
.checkout-payment h3,
.checkout-payment h6 {
  color: #e23f27 !important;
}

/* Apply discount */
.checkout-payment [data-id="Apply discount code"] {
  color: #e23f27 !important;
}

/* Tabs clean style */
.checkout-payment .nav-tabs {
  border-bottom: 1px solid #e23f27 !important;
}

.checkout-payment .nav-link {
  color: #e23f27 !important;
  border: none !important;
  background: transparent !important;
}

.checkout-payment .nav-link.active {
  border-bottom: 3px solid #e23f27 !important;
  background: transparent !important;
}

/* Stripe input container */
.checkout-payment .stripe-card {
  background-color: #f4e4e0 !important;
  border: 1px solid #e23f27 !important;
  border-radius: 6px !important;
  padding: 12px !important;
}

/* =====================================
   CHECKOUT SUMMARY (RIGHT COLUMN)
===================================== */

/* Remove Bootstrap bg-light */
.checkout-summary .bg-light {
  background-color: #f4e4e0 !important;
}

/* Main summary card */
.checkout-summary .card {
  background-color: #f4e4e0 !important;
  border: 1px solid #e23f27 !important;
  border-radius: 8px !important;
}

/* Remove nested card borders inside summary */
.checkout-summary .card .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Cart item card */
.checkout-summary [data-cy="cart-item"] {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(226, 63, 39, 0.2) !important;
}

/* All summary text */
.checkout-summary h3,
.checkout-summary h5,
.checkout-summary td,
.checkout-summary .text-body,
.checkout-summary .text-muted {
  color: #e23f27 !important;
}

/* Grand total emphasis */
.checkout-summary [data-cy="checkout-total"] {
  font-weight: 700 !important;
}