/* Coleebri Health WooCommerce cart polish. */
body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector,
body.woocommerce-cart .woocommerce .quantity {
  display: inline-grid !important;
  grid-template-columns: 3.2rem 4rem 3.2rem !important;
  align-items: center !important;
  width: auto !important;
  min-width: 10.4rem !important;
  height: 3.35rem !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 82, 92, 0.28) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
body.woocommerce-cart .woocommerce .quantity .minus,
body.woocommerce-cart .woocommerce .quantity .plus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.2rem !important;
  min-width: 3.2rem !important;
  height: 3.35rem !important;
  min-height: 3.35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #59696c !important;
  font: inherit !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-align: center !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
body.woocommerce-cart .woocommerce .quantity input.qty {
  display: block !important;
  width: 4rem !important;
  min-width: 4rem !important;
  max-width: 4rem !important;
  height: 3.35rem !important;
  min-height: 3.35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(0, 82, 92, 0.18) !important;
  border-left: 1px solid rgba(0, 82, 92, 0.18) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #192126 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
  line-height: 3.35rem !important;
  opacity: 1 !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
  -webkit-text-fill-color: #192126;
}

body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
body.woocommerce-cart .woocommerce .quantity input.qty::-webkit-inner-spin-button,
body.woocommerce-cart .woocommerce .quantity input.qty::-webkit-outer-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
body.woocommerce-cart .woocommerce .quantity .minus:hover,
body.woocommerce-cart .woocommerce .quantity .minus:focus,
body.woocommerce-cart .woocommerce .quantity .plus:hover,
body.woocommerce-cart .woocommerce .quantity .plus:focus {
  background: #e6f3f5 !important;
  color: #00525c !important;
}

body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout #place_order {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 4rem !important;
  padding: 0 1.5rem !important;
  border: 1px solid #00889a !important;
  border-radius: 8px !important;
  background: #00889a !important;
  box-shadow: 0 16px 30px rgba(0, 82, 92, 0.16) !important;
  color: #fff !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:focus,
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:focus,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus {
  border-color: #00525c !important;
  background: #00525c !important;
  color: #fff !important;
}

body.woocommerce-cart .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-button__text {
  color: inherit !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  display: grid !important;
  gap: 0.85rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 0.7rem 0.8rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 1rem 1.1rem !important;
  border: 1px solid rgba(0, 82, 92, 0.22) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input.input-radio,
body.woocommerce-checkout .wc-block-components-radio-control__input,
body.woocommerce-checkout .woocommerce-form__input-checkbox,
body.woocommerce-checkout input[type="radio"],
body.woocommerce-checkout input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 1.15rem !important;
  min-width: 1.15rem !important;
  max-width: 1.15rem !important;
  height: 1.15rem !important;
  min-height: 1.15rem !important;
  max-height: 1.15rem !important;
  margin: 0.18rem 0 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 82, 92, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  accent-color: #00889a;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

body.woocommerce-checkout .woocommerce-form__input-checkbox,
body.woocommerce-checkout input[type="checkbox"] {
  border-radius: 4px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: block !important;
  margin: 0 !important;
  color: #00889a !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout #payment div.payment_box {
  grid-column: 1 / -1 !important;
  margin: 0.45rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #30383b !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.woocommerce-checkout #payment div.payment_box::before,
body.woocommerce-checkout #payment div.payment_box::after {
  display: none !important;
}

body.woocommerce-checkout .woocommerce-additional-fields label,
body.woocommerce-checkout .wc-block-components-checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  color: #00889a !important;
  line-height: 1.35 !important;
}

@media (max-width: 720px) {
  body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector,
  body.woocommerce-cart .woocommerce .quantity {
    grid-template-columns: 2.85rem 3.7rem 2.85rem !important;
    min-width: 9.4rem !important;
  }

  body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
  body.woocommerce-cart .woocommerce .quantity .minus,
  body.woocommerce-cart .woocommerce .quantity .plus {
    width: 2.85rem !important;
    min-width: 2.85rem !important;
  }

  body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
  body.woocommerce-cart .woocommerce .quantity input.qty {
    width: 3.7rem !important;
    min-width: 3.7rem !important;
    max-width: 3.7rem !important;
  }
}
/* Coleebri Health side-basket quantity legibility (2026-08-23). */
.clbr-side-basket .clbr-side-basket__qty {
  overflow: visible !important;
}

.clbr-side-basket .clbr-side-basket__qty-input {
  display: block !important;
  flex: 0 0 2.75rem !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  max-width: 2.75rem !important;
  height: 2.05rem !important;
  min-height: 2.05rem !important;
  margin: 0 !important;
  padding: 0.52rem 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(0, 136, 154, 0.14) !important;
  border-right: 1px solid rgba(0, 136, 154, 0.14) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #11363a !important;
  -webkit-text-fill-color: #11363a !important;
  caret-color: #11363a !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-align: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: none !important;
  appearance: textfield !important;
}

.clbr-side-basket .clbr-side-basket__qty-input::-webkit-outer-spin-button,
.clbr-side-basket .clbr-side-basket__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
