/* Lunoria PayPal popup width fix */
.popup-checkout-payment .popup-container {
  width: min(345px, calc(100vw - 40px)) !important;
}

.popup-checkout-payment .popup-body,
.popup-checkout-payment .popup-inner-body,
.popup-checkout-payment #paypal_form,
.popup-checkout-payment #paypal_card,
.popup-checkout-payment #paypal_card_container,
.popup-checkout-payment #paypal_card_form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Increase PayPal popup inner area to prevent iPhone scroll */
.popup-checkout-payment .popup-inner-body {
  max-height: none !important;
}

/* Make PayPal wallet buttons full popup width */
.popup-checkout-payment #paypal_button,
.popup-checkout-payment #googlepay_button,
.popup-checkout-payment #applepay_button,
.popup-checkout-payment #paypal_button_container,
.popup-checkout-payment #googlepay_button_container,
.popup-checkout-payment #applepay_button_container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Normalize PayPal wallet button height and shape */
.popup-checkout-payment #paypal_button iframe,
.popup-checkout-payment #googlepay_button iframe,
.popup-checkout-payment #applepay_button iframe {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.popup-checkout-payment #googlepay_button_container,
.popup-checkout-payment #googlepay_button_container button {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Remove Google Pay border and make it visually cleaner */
.popup-checkout-payment #googlepay_button_container,
.popup-checkout-payment #googlepay_button_container button,
.popup-checkout-payment #googlepay_button_container div {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.popup-checkout-payment #apple-pay-button {
  width: 315px !important;
  min-width: 315px !important;
  max-width: 315px !important;
}

.popup-checkout-payment #apple-pay-button {
  transition: opacity 0.15s ease, filter 0.15s ease !important;
}

.popup-checkout-payment #apple-pay-button:hover {
  opacity: 0.85 !important;
  filter: brightness(0.95) !important;
}

/* Hide broken Journal popup close icon */
.popup-checkout-payment .popup-close {
  display: none !important;
}

.popup-checkout-payment #luno-paypal-close {
  display: block !important;
  width: 100% !important;
  height: 30px !important;
  line-height: 30px !important;
  margin: 12px auto 0 auto !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 999px !important;

  background: #e8e8ea !important;
  color: #333 !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
}

.popup-checkout-payment #luno-paypal-close {
  transition: background 0.15s ease, color 0.15s ease !important;
}

.popup-checkout-payment #luno-paypal-close:hover {
  background: #dcdcdf !important;
  color: #111 !important;
}

/* Professional card payment box */
.popup-checkout-payment #paypal_card {
  margin-top: 14px !important;
  padding: 18px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.popup-checkout-payment #paypal_card_form,
.popup-checkout-payment #paypal_card_container {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.popup-checkout-payment #paypal_card input {
    border-radius: 12px !important;
}

.popup-checkout-payment #paypal_card_form {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.popup-checkout-payment #paypal_card_button {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.popup-checkout-payment #paypal_card_form {
  width: 100% !important;
}

.popup-checkout-payment #paypal_card_form > div {
  width: 100% !important;
}

.popup-checkout-payment #paypal_card input {
  border-radius: 14px !important;
  padding-left: 16px !important;
  font-size: 15px !important;
}