/* Styles for both frontend and editor */
.polaris-logo-checkout {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Editor-specific styles */
.editor-styles-wrapper .polaris-logo-checkout {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}


/* Styles for both block and classic checkouts */
.polaris-logo-checkout,
.payment_method_polaris_p label,
.payment_method_polaris_cc label,
.payment_method_polaris_omt label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.polaris-logo-checkout img,
.payment_method_polaris_p label img,
.payment_method_polaris_cc label img,
.payment_method_polaris_omt label img {
  max-height: 24px;
  width: auto;
  order: -1;
}

/* Ensure the payment method label is on the same line as the list item disc */
.payment_method_polaris_p,
.payment_method_polaris_cc,
.payment_method_polaris_omt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 100%;
}

.payment_method_polaris_p label,
.payment_method_polaris_cc label {
  flex: 1;
  display: inline-flex;
  align-items: center;
  width: 100%;
  transform: translateY(5px);
  /* Add some space between the disc and the label */
}

.polaris-payment-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure the radio button aligns with the image */
.payment_method_polaris_p input[type="radio"],
.payment_method_polaris_cc input[type="radio"],
.payment_method_polaris_omt input[type="radio"] {
  margin-top: 5px;
}