.wc-block-components-sidebar-layout {
  display: flex !important;
  flex-wrap: nowrap !important;
}
.wc-block-checkout__sidebar {
  position: sticky !important;
  top: calc(var(--navbar-height) + 20px) !important;
}

@media (max-width: 1024px) {
  .wc-block-components-sidebar-layout {
    flex-direction: column-reverse !important;
  }
  .wc-block-checkout__sidebar {
    position: relative !important;
    top: 0px !important;
  }
}

@media (max-width: 733px) {
  .wc-block-components-sidebar-layout {
    flex-direction: column !important;
  }
  .wc-block-components-checkout-order-summary__title {
    /* padding: 0px !important; */
    margin-top: 0px !important;
  }
}
.woocommerce-page .page-title {
  display: none !important;
}

.woocommerce-page .page-header {
  margin-bottom: 0px !important;
}

.wc-block-checkout {
  padding-top: 0px !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
  width: 50% !important;
  flex-grow: 1 !important;
  padding-right: 25px;
}

@media (max-width: 1024px) {
  .wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0px !important;
  }
}
.wc-block-components-form .wc-block-components-checkout-step:after {
  background-color: unset !important;
  box-shadow: unset !important;
}
.wc-block-components-sidebar {
  width: 50% !important;
  max-width: 575px !important;
}
/* checkout page background */
.woocommerce-page.woocommerce-checkout {
  background-image: url(../images/checkout/bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "Montserrat", sans-serif;
}

/* input and select styles */
.woocommerce-page
  .wc-block-components-text-input:not(.wc-block-components-totals-coupon__input)
  input,
.woocommerce-page
  .wc-blocks-components-select
  .wc-blocks-components-select__select {
  background-color: var(--brand-white) !important;
  border: 1px solid var(--brand-secondary) !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  width: 100% !important;
  height: 100% !important;
  transition: all 0.3s ease-out !important;
  height: 50px !important;
  margin-bottom: 5px !important;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.wc-blocks-components-select .wc-blocks-components-select__label {
  color: #6e6d6e !important;
  font-weight: 500 !important;
}

/* input and select styles for hover and focus */
.woocommerce-page .wc-block-components-text-input input:focus,
.woocommerce-page .wc-block-components-text-input input:hover,
.woocommerce-page
  .wc-blocks-components-select
  .wc-blocks-components-select__select:hover,
.woocommerce-page
  .wc-blocks-components-select
  .wc-blocks-components-select__select:focus {
  outline: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* email input color */
.wc-block-components-text-input.wc-block-components-address-form__email input {
  color: var(--brand-secondary) !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
  display: none !important;
}

/* label and checkbox */
.woocommerce-page .wc-block-components-title.wc-block-components-title {
  color: var(--brand-dark) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}
/* checkbox */
.wc-block-components-checkbox
  .wc-block-components-checkbox__input[type="checkbox"] {
  margin-right: 7px !important;
  outline: none !important;
  border-radius: 3px !important;
  background-color: var(--unnamed-color-c8c7cb) !important;
  border-color: var(--unnamed-color-c8c7cb) !important;
}
.wc-block-components-checkbox
  .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  display: block !important;
  fill: var(--brand-white) !important;
  margin-top: -2px !important;
}
/* checkbox label */
.woocommerce-page .wc-block-components-checkbox label {
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
}

.wc-block-components-address-form__address_2-toggle {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  transition: all 0.3s ease-out !important;
}
.wc-block-components-address-form__address_2-toggle:hover {
  color: var(--brand-secondary) !important;
}
.wc-block-checkout__billing-fields .wc-block-components-checkbox {
  display: none !important;
}

.wc-block-components-radio-control--highlight-checked
  .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked
  label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: unset !important;
  border: 1px solid var(--brand-secondary) !important;
  border-radius: 6px !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
  border-color: var(--brand-secondary) !important;
  left: 16px !important;
}
.wc-block-components-radio-control
  .wc-block-components-radio-control__input:checked:before {
  background-color: var(--brand-secondary) !important;
}

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

.pages_links a {
  text-decoration: underline !important;
  transition: all 0.3s ease-out !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-right: 10px;
}
.pages_links a:hover {
  color: var(--brand-secondary) !important;
}

.wc-block-checkout__additional-fields
  .wc-block-components-checkout-step__heading {
  display: none !important;
}
.wc-block-checkout__additional-fields .wc-block-components-checkbox {
  margin-top: 0px !important;
}

.wc-block-components-checkout-order-summary__title-text {
  display: none !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  background-color: #eee6db !important;
  border-radius: 15px !important;
  border: none !important;
  /* position: sticky !important; */
  /* top: calc(var(--navbar-height) + 20px) !important; */
  /* max-height: calc(100vh - var(--navbar-height) - 20px) !important; */
  padding: 10px !important;
  width: 100%;
  max-width: 575px !important;
}

.wc-block-components-order-summary
  .wc-block-components-order-summary-item__image {
  width: 120px !important;
  min-width: 120px !important;
  height: 120px !important;
  background-color: #f3ede5 !important;
  border: 2px solid var(--brand-secondary) !important;
  padding: 10px !important;
  border-radius: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0px !important;
}

.wc-block-components-order-summary
  .wc-block-components-order-summary-item__image
  > img {
  object-fit: contain !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
}

.wc-block-components-checkout-step__description {
  font-weight: 500 !important;
}

.wc-block-components-form
  .wc-block-components-checkout-step:not(.wc-block-checkout__payment-method) {
  margin-bottom: 80px !important;
}

.wc-block-checkout__payment-method {
  margin-bottom: 24px !important;
}

.wp-block-woocommerce-checkout-actions-block
  .wc-block-checkout__actions_row
  .wc-block-components-checkout-place-order-button {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  font-weight: 500 !important;
  padding-block: 10px !important;
  border-radius: 5px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-width: 1.7px !important;
  border-style: solid !important;
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  outline: none !important;
  box-shadow: none !important;
  margin-bottom: 40px;
}

.wp-block-woocommerce-checkout-actions-block
  .wc-block-checkout__actions_row
  .wc-block-components-checkout-place-order-button:hover {
  background-color: var(--brand-primary) !important;
  color: var(--brand-white) !important;
}

/* Add SVG arrow using CSS */
.wc-block-components-checkout-place-order-button::after {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%232f4136' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover effect - make arrow white */
.wc-block-components-checkout-place-order-button:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* order summary */
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity {
  background-color: var(--brand-secondary) !important;
  color: var(--brand-white) !important;
  padding: 0px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  /* box-shadow: none !important; */
}

@media (max-width: 1024px) {
  .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
  }
  .wc-block-components-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    margin-bottom: 80px;
  }
  .wp-block-woocommerce-checkout-order-summary-block {
    max-width: 100% !important;
  }
}

/* low stock badge */
.wc-block-components-product-low-stock-badge {
  display: none !important;
}

/* item content */
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__description {
  position: relative !important;
  padding-right: 80px !important;
}

/* total item price */
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__total-price {
  display: none !important;
}

/* individual item price */
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__individual-prices {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex !important;
  flex-direction: column !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  padding-top: 0px !important;
}

.wc-block-components-product-price__regular {
  color: var(--brand-dark);
  opacity: 30%;
}
.wc-block-components-product-price__value.is-discounted {
  margin-left: 0px !important;
}

/* product title */
.wc-block-checkout__sidebar .wc-block-components-product-name {
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: calc(1.2em * 2) !important;
}

/* product description */
.wc-block-components-product-metadata__description,
.wc-block-components-product-metadata__description p {
  color: #070607 !important;
  line-height: 1.18 !important;
  margin: 0px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: calc(1.18em * 2) !important;
}

/* product details */
.wc-block-components-product-details.wc-block-components-product-details {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* stars */
.wc-block-components-product-details.wc-block-components-product-details
  li:first-child {
  color: var(--unnamed-color-f4c36e) !important;
  font-size: 18px !important;
}

/* purchase */
.wc-block-components-product-details.wc-block-components-product-details
  li:last-child {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: gray !important;
}

/* coupon */
.wc-block-components-totals-coupon__form {
  gap: 0px !important;
}

.woocommerce-page .wc-block-components-totals-coupon__input input {
  border-radius: 6px 0px 0px 6px !important;
  border: 1px solid var(--brand-secondary) !important;
}

.wc-block-components-totals-coupon__button {
  background-color: var(--brand-secondary) !important;
  color: var(--brand-dark) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
  border-radius: 0px 6px 6px 0px !important;
  border: none !important;
  margin: 0px !important;
  height: 50px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.3s ease-out !important;
}
.wc-block-components-totals-coupon__button:hover {
  background-color: var(--unnamed-color-a27d4f) !important;
}

.wc-block-components-totals-wrapper {
  border: none !important;
}
.wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-checkout-order-summary__title {
  border: none !important;
}
.wc-block-components-checkout-order-summary__content {
  border: none !important;
}

/* login link */
.sign_in_link {
  font-weight: 500 !important;
  font-size: 16px !important;
  color: var(--brand-dark) !important;
  margin-bottom: 25px !important;
}
.sign_in_link a {
  color: var(--brand-secondary) !important;
  text-decoration: none !important;
}
.sign_in_link a:hover {
  text-decoration: underline !important;
  transition: all 0.3s ease-out !important;
}
.or {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--brand-dark) !important;
  margin-bottom: 15px !important;
  position: relative !important;
  text-align: center !important;
  padding: 0 20px !important;
}

.or::before,
.or::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 45% !important;
  height: 1px !important;
  background-color: var(--unnamed-color-050405) !important;
  opacity: 20% !important;
  transform: translateY(-50%) !important;
}

.or::before {
  left: 0 !important;
}

.or::after {
  right: 0 !important;
}

.wp-block-buttons {
  flex-wrap: nowrap !important;
  margin-bottom: 25px !important;
}

.paypal {
  width: 50% !important;
  border-radius: 10px !important;
  background-color: #ffc43a !important;
}
.paypal a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out !important;
  border-radius: 10px !important;
  background-color: #ffc43a !important;
  padding: 0px !important;
  height: 50px !important;
}
.paypal a:hover {
  background-color: #eaae21 !important;
}
.paypal img {
  width: auto !important;
  height: 50% !important;
}
.google_pay {
  width: 50% !important;
  border-radius: 10px !important;
  background-color: #312d31 !important;
}
.google_pay a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out !important;
  border-radius: 10px !important;
  background-color: #312d31 !important;
  padding: 0px !important;
  height: 50px !important;
}
.google_pay a:hover {
  background-color: #000000 !important;
}
.google_pay img {
  width: auto !important;
  height: 50% !important;
}
.woocommerce-account .woocommerce-Address { visibility: hidden; }
/* Hide anywhere inside checkout block forms */
.wc-block-checkout .wc-block-components-address-form__thwcfe-block-woocommerce_make_billing_shipping {
  display: none !important;
}



input#woocommerce_make_billing_shipping {
    display: inline !important;
}

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
    display: inline !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-address-fields p.form-row > label{
  display: inline-block !important;
}

@media (max-width: 640px) {
  .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices{
      position: initial !important;
      transform: none !important;
  }
}

.wc-block-components-express-payment{
  z-index: 10;
}