.woocommerce-checkout {
  background: #0F110F;
}

.woocommerce-checkout .site-main {
  padding-top: 110px;
}

body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-address-form-wrapper input,
body.woocommerce-checkout .wc-block-checkout__form .wc-block-components-address-form-wrapper select {
  border: 1px solid #200707CC !important;
  border-radius: 12px !important;
  background: #333333 !important;
  color: #ffffff !important;
  padding: 10px 14px;
  width: 100%;
  outline: none;
  box-shadow: none;
}

body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container {
  background: transparent !important;
}

body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
  position: relative;
  margin-bottom: 15px !important;
  left: 0 !important;
  top: 0 !important;
  color: #ffffff !important;
}

.wc-block-components-checkout-return-to-cart-button {
  display: none !important;
}


/* Place Order button (Woo Blocks) */
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.contained {
  background: linear-gradient(180deg, #caf080 0%, #93b848 100%) !important;
  border-radius: 12px !important;
  padding: 18px 32px !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-align: center !important;
  color: #151518 !important;
  margin: 40px 0 0 0 !important;
  border: 0 !important;
}

/* текст внутри */
.wc-block-components-checkout-place-order-button__text {
  color: #151518 !important;
}

.woocommerce-billing-fields__field-wrapper input {
  border: 1px solid #200707CC !important;
  border-radius: 12px !important;
  background: #333333 !important;
  color: #ffffff !important;
  padding: 10px 14px;
  width: 100%;
  outline: none;
  box-shadow: none;
}




/* ===== Payment methods (Woo Blocks) ===== */

/* общий контейнер */
.wc-block-components-radio-control.wc-block-components-radio-control--highlight-checked {
  gap: 12px !important;
}

/* каждый пункт (обёртка option) */
.wc-block-components-radio-control-accordion-option {
  border: 0 !important;
  margin: 0 0 12px 0 !important;
}

/* label как кнопка */
.wc-block-components-radio-control-accordion-option
label.wc-block-components-radio-control__option {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;

  padding: 14px !important;
  background: #1c1c1c !important;
  color: #fff !important;

  cursor: pointer !important;
  border: 1px solid #333 !important;
  border-radius: 6px !important;

  margin: 0 !important;
  position: relative !important;
}

/* лёгкий hover */
.wc-block-components-radio-control-accordion-option
label.wc-block-components-radio-control__option:hover {
  border-color: #4a4a4a !important;
}

/* скрываем стандартную радио-точку (если мешает) */
.wc-block-components-radio-control__input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* активный пункт (Woo Blocks уже добавляет класс на label и на option) */
.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted
label.wc-block-components-radio-control__option {
  background: #AAD25A !important;
  color: #000 !important;
  border-color: #AAD25A !important;
}

/* выравниваем правую часть (иконки/картинки/BlockBee) */
.wc-block-components-radio-control__label-group {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.wc-block-components-payment-method-icons,
.blockbee-payment-gateway {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* все картинки в методах оплаты */
.wc-block-components-radio-control-accordion-option img,
.wc-block-components-payment-method-icons img,
.blockbee-payment-gateway img {
  height: 30px !important;
  width: auto !important;
  max-height: 30px !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}

/* контент (аккордеон) — скрыт по умолчанию */
.wc-block-components-radio-control-accordion-content {
  display: none !important;
  padding: 12px !important;
  background: #222 !important;
  border: 1px solid #333 !important;
  border-top: 0 !important;
  border-radius: 0 0 6px 6px !important;
}

/* показываем контент только у выбранного */
.wc-block-components-radio-control-accordion-option--checked-option-highlighted
.wc-block-components-radio-control-accordion-content {
  display: block !important;
}

/* чтобы label + контент выглядели как единый блок */
.wc-block-components-radio-control-accordion-option--checked-option-highlighted
label.wc-block-components-radio-control__option {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* чуть аккуратнее отступы внутри card fields (PayPal iframe поля) */
.wc-block-components-radio-control-accordion-content > div {
  width: 100% !important;
}

.wc-block-components-radio-control-accordion-content iframe {
  border: none !important;
  background: transparent !important;
}

/* убираем лишние паддинги у списка способов оплаты (если есть) */
.woocommerce-checkout .wc-block-components-radio-control {
  margin: 0 !important;
  padding: 0 !important;
}
.wc-block-components-totals-coupon__input input {
  border: 1px solid #200707CC !important;
  border-radius: 12px !important;
  background: #333333 !important;
  color: #ffffff !important;
  padding: 10px 14px;
  width: 100%;
  outline: none;
  box-shadow: none;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    font-weight: 700!important;
    font-size: 16px!important;
    color: #fff !important;
    border: 1px solid #333!important;
    border-radius: 0 12px 12px 0!important;
    padding: 12px 24px!important;
    background-color: #2b2d30!important;
    height: 100%;
}