/* Homestyle checkout — buttons, forms, empty (cards → hs-checkout-cards.css) */
:root {
  --hs-blue: #5D7CA6;
  --hs-blue-hover: #4a668c;
  --hs-radius: 10px;
  --hs-muted: #8a8a8a;
}

#basket-root .btn.basket-btn-checkout,
#basket-root .btn.btn-default.basket-btn-checkout,
#basket-root .basket-btn-checkout {
  background: var(--hs-blue) !important;
  border-color: var(--hs-blue) !important;
  color: #fff !important;
  border-radius: var(--hs-radius) !important;
  font-weight: 600 !important;
  min-height: 44px;
  padding: 10px 24px !important;
}
#basket-root .btn.basket-btn-checkout:hover,
#basket-root .btn.btn-default.basket-btn-checkout:hover {
  background: var(--hs-blue-hover) !important;
  border-color: var(--hs-blue-hover) !important;
  color: #fff !important;
}

/* other basket buttons keep visible text, not gold */
#basket-root .btn.btn-default:not(.basket-btn-checkout) {
  border-radius: var(--hs-radius) !important;
}

#basket-root .form-control,
#basket-root .basket-coupon-block-field .form-control,
#basket-root input[data-entity="basket-filter"] {
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  background: #fafafa !important;
  min-height: 42px;
  box-shadow: none !important;
}
#basket-root .form-control::placeholder,
#basket-root input::placeholder {
  color: var(--hs-muted) !important;
  opacity: 1 !important;
}
#basket-root .form-control:focus,
#basket-root input:focus {
  border-color: var(--hs-blue) !important;
  box-shadow: 0 0 0 2px rgb(93 124 166 / 18%) !important;
}

/* empty cart */
#basket-root .bx-sbb-empty-cart-container {
  text-align: center;
  padding: 48px 16px;
}
#basket-root .bx-sbb-empty-cart-image {
  margin-bottom: 16px;
}
#basket-root .bx-sbb-empty-cart-text {
  color: var(--hs-muted);
  margin-bottom: 20px;
}
#basket-root .bx-sbb-empty-cart-container .btn,
#basket-root .bx-sbb-empty-cart-container a.btn {
  background: var(--hs-blue) !important;
  border-color: var(--hs-blue) !important;
  color: #fff !important;
  border-radius: var(--hs-radius) !important;
  font-weight: 600 !important;
}

.sz-order-page .bx-soa-button.bx-soa-button-colored,
.sz-order-page .btn-order-save,
.sz-order-page a.bx-soa-button-colored {
  background: var(--hs-blue) !important;
  border-color: var(--hs-blue) !important;
  color: #fff !important;
  border-radius: var(--hs-radius) !important;
  font-weight: 600 !important;
}