.asp-upp-payment-plans-wrapper ul,.asp-upp-cart-plan-order-item-meta,.asp-upp-cart-plan-order-item-future-payments{list-style: none;margin:0;padding: 0;}
.asp-upp-payment-plans-wrapper .asp-upp-pay-options{margin: 0 0 20px 0}
.asp-upp-payment-plans-wrapper .asp-upp-payment-plans{margin: 20px;display: none;}

.asp-upp-pay-options{list-style: none;padding: 0;display: inline-flex;background: #fff;height: auto;width: auto;align-items: center;justify-content: space-evenly;border-radius: 5px;}
.asp-upp-pay-options li{height: auto;width: auto;display: flex;align-items: center;justify-content: space-evenly;margin: 0 10px;border-radius: 5px;cursor: pointer;padding: 10px;border: 2px solid lightgrey;border-top-color: lightgrey;border-right-color: lightgrey;border-bottom-color: lightgrey;border-left-color: lightgrey;transition: all 0.3s ease;}
.asp-upp-pay-options li.asp-upp-active,
.asp-upp-pay-options li input:focus{background: #0069d9;outline:none;color: #fff;}
.asp-upp-pay-options li input,
.asp-upp-pay-options li label{cursor: pointer;}
.asp_upp_pay_full{margin: auto;}
.asp-upp-pay-options li label{margin: 0 0 0 6px;}

.asp-upp-payment-plan-payments-schedule table{width:100% !important;margin-top:10px;}
.asp-upp-payment-plan-payments-schedule table thead tr td{color:#fff;background-color: #3c434a;}
.asp-upp-payment-plan-payments-schedule table tr td{vertical-align:middle;border:1px solid #ddd;padding:8px;text-align:center;}
.asp-upp-payment-plan-payments-schedule table tbody tr:hover{background-color:#ddd;}

body.asp-upp-product-payment-plan-selected #wc-stripe-express-checkout-element,
body.asp-upp-product-payment-plan-selected #wc-stripe-express-checkout-button-separator,
body.asp-upp-product-payment-plan-selected [id^="wc-stripe-express-checkout-element-"],
body.asp-upp-product-payment-plan-selected #wc-stripe-payment-request-wrapper,
body.asp-upp-product-payment-plan-selected #wc-stripe-payment-request-button,
body.asp-upp-product-payment-plan-selected #wc-stripe-payment-request-button-separator,
body.asp-upp-product-payment-plan-selected #wc-stripe-branded-button,
body.asp-upp-product-payment-plan-selected #wcpay-payment-request-wrapper,
body.asp-upp-product-payment-plan-selected #wcpay-payment-request-button,
body.asp-upp-product-payment-plan-selected #wcpay-payment-request-button-separator,
body.asp-upp-product-payment-plan-selected .wcpay-payment-request-wrapper,
body.asp-upp-product-payment-plan-selected #wcpay-express-checkout-button,
body.asp-upp-product-payment-plan-selected #wcpay-express-checkout-button-separator,
body.asp-upp-product-payment-plan-selected #wcpay-express-checkout-element,
body.asp-upp-product-payment-plan-selected #wcpay-woopay-button,
body.asp-upp-product-payment-plan-selected .woopay-express-button,
body.asp-upp-product-payment-plan-selected .wcpay-express-checkout-wrapper,
body.asp-upp-product-payment-plan-selected .wcpay-express-checkout-element,
body.asp-upp-product-payment-plan-selected #express-payment-method-woocommerce_payments,
body.asp-upp-product-payment-plan-selected #express-payment-method-woopay,
body.asp-upp-product-payment-plan-selected [id^="express-payment-method-woocommerce_payments"],
body.asp-upp-product-payment-plan-selected .wp-block-woocommerce-cart-express-payment-block,
body.asp-upp-product-payment-plan-selected .wp-block-woocommerce-checkout-express-payment-block,
body.asp-upp-product-payment-plan-selected .wc-block-components-express-payment,
body.asp-upp-product-payment-plan-selected .wc-block-components-express-payment__event-buttons,
body.asp-upp-product-payment-plan-selected .wc-block-components-express-payment-continue-rule,
body.asp-upp-product-payment-plan-selected .wc-block-components-express-payment-continue-rule--cart,
body.asp-upp-product-payment-plan-selected [id^="wcpay-express-checkout"],
body.asp-upp-cart-contains-payment-plan .wcpay-express-checkout-wrapper,
body.asp-upp-cart-contains-payment-plan #wcpay-payment-request-wrapper,
body.asp-upp-cart-contains-payment-plan #wcpay-express-checkout-element,
body.asp-upp-cart-contains-payment-plan #wcpay-express-checkout-button-separator,
body.asp-upp-cart-contains-payment-plan #wcpay-woopay-button,
body.asp-upp-cart-contains-payment-plan .woopay-express-button,
body.asp-upp-cart-contains-payment-plan #express-payment-method-woocommerce_payments,
body.asp-upp-cart-contains-payment-plan #express-payment-method-woopay,
body.asp-upp-cart-contains-payment-plan [id^="express-payment-method-woocommerce_payments"],
body.asp-upp-cart-contains-payment-plan .wp-block-woocommerce-cart-express-payment-block,
body.asp-upp-cart-contains-payment-plan .wp-block-woocommerce-checkout-express-payment-block,
body.asp-upp-cart-contains-payment-plan .wc-block-components-express-payment,
body.asp-upp-cart-contains-payment-plan .wc-block-components-express-payment__event-buttons,
body.asp-upp-cart-contains-payment-plan .wc-block-components-express-payment-continue-rule,
body.asp-upp-cart-contains-payment-plan .wc-block-components-express-payment-continue-rule--cart,
body.asp-upp-order-contains-payment-plan .wcpay-express-checkout-wrapper,
body.asp-upp-order-contains-payment-plan #wcpay-payment-request-wrapper,
body.asp-upp-order-contains-payment-plan #wcpay-express-checkout-element,
body.asp-upp-order-contains-payment-plan #wcpay-express-checkout-button-separator,
body.asp-upp-order-contains-payment-plan #wcpay-woopay-button,
body.asp-upp-order-contains-payment-plan .woopay-express-button,
body.asp-upp-order-contains-payment-plan #express-payment-method-woocommerce_payments,
body.asp-upp-order-contains-payment-plan #express-payment-method-woopay,
body.asp-upp-order-contains-payment-plan [id^="express-payment-method-woocommerce_payments"],
body.asp-upp-order-contains-payment-plan .wp-block-woocommerce-cart-express-payment-block,
body.asp-upp-order-contains-payment-plan .wp-block-woocommerce-checkout-express-payment-block,
body.asp-upp-order-contains-payment-plan .wc-block-components-express-payment,
body.asp-upp-order-contains-payment-plan .wc-block-components-express-payment__event-buttons,
body.asp-upp-order-contains-payment-plan .wc-block-components-express-payment-continue-rule,
body.asp-upp-order-contains-payment-plan .wc-block-components-express-payment-continue-rule--cart{display:none !important;}

.asp-upp-cart-plan-order-item--plan-name label,
.asp-upp-cart-plan-order-item--initial-payment label,
.asp-upp-cart-plan-order-item--future-payments label,
.asp-upp-cart-plan-order-item--future-amount label,
.asp-upp-cart-plan-order-item--next-due-amount label,
.asp-upp-cart-plan-order-item--next-due-date label{font-weight: 600;}

.asp-upp-cart-plan-order-item-meta{font-size: 15px;padding: 0px 10px;}
.woocommerce-mini-cart .asp-upp-cart-plan-order-item-meta{font-size: 12px;padding: 0px;margin: 0px;}

.asp-upp-account-plan-orders-table ul{list-style: none;margin: 0;padding: 0;}
.asp-upp-plan-order-scheduled-payment-cell a{margin: 2px;padding: 10px;}

.asp-upp-active label{color:#fff;}
.asp-upp-pay-options li{margin: 10px 10px 0 0;}

@media screen and (max-width: 768px) {
	.asp-upp-pay-options{display:flex;flex-direction: column;}
	.asp-upp-pay-options li{width: 90%;justify-content: flex-start;}
}

.asp-upp-status{display: inline-flex;line-height: 2.5em;color: #777;background: #e5e5e5;border-radius: 4px;border-bottom: 1px solid rgba(0,0,0,.05);margin: -.25em 0;cursor: inherit !important;white-space: nowrap;max-width: 100%;}
.asp-upp-status > span{margin: 0 1em;overflow: hidden;text-overflow: ellipsis;}
.asp-upp-status.status-fully-paid{background: #c6e1c6;color: #5b841b;}
.asp-upp-status.status-on-hold{background: #f8dda7;color: #573b00;}
.asp-upp-status.status-cancelled{background: #eba3a3;color: #761919;}
.asp-upp-status.status-scheduled{background: #c8d7e1;color: #2e4453;}
.asp-upp-status.status-schedule-pending{background: #FB8C00;color: #573b00;}


/* Outer table wrapper */
.asp-upp-cart-item-payment-schedule {width: 100%;border-collapse: separate;border-spacing: 0;font-family: "Inter", "Roboto", sans-serif;font-size: 15px;background: #ffffff;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}

/* Light Header */
.asp-upp-cart-item-payment-schedule thead tr {background: #f0f3f7; /* light grey/blue */color: #333;}

.asp-upp-cart-item-payment-schedule thead td {padding: 14px 18px;font-weight: 600;letter-spacing: 0.3px;border-bottom: 1px solid #d9dde3;}

/* Table rows */
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody tr {transition: all 0.2s ease;}
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody tr:nth-child(even) {background: #f9fafc;}
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody tr:hover {background: #eef1f8;}
/* Cells */
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule td {padding: 14px 18px;color: #333;}
/* Amount Styling */
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule .woocommerce-Price-amount {font-weight: 700;font-size: 16px;color: #222;}
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule .tax_label {font-size: 12px;color: #777;margin-left: 6px;}
/* Date styling */
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody td:last-child {color: #555;font-weight: 500;}
/* Rounded bottom corners */
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.asp-upp-cart-item-payment-schedule-wrapper .asp-upp-cart-item-payment-schedule tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;}

.asp-upp-user-disable-automatic-payments{margin-top: 12px !important;}

/* Customer-chosen "before deadline" target date */
/* Deterministic left alignment so the plan reads consistently across themes and on both product & cart/checkout. */
.asp-upp-payment-plans{text-align: left;}
.asp-upp-payment-plans .asp-upp-payment-plan-option{margin-bottom: 5px;}
.asp-upp-payment-plan-details{text-align: left;padding-bottom: 4px;}
.asp-upp-payment-plan-total-payable-amount,
.asp-upp-payment-plan-initial-payable-amount{display: flex;flex-wrap: wrap;gap: 4px 8px;align-items: baseline;margin: 6px 0;}
.asp-upp-payment-plan-payments-schedule{margin-top: 10px;overflow-x: auto;}

.asp-upp-payment-plan-target-date{box-sizing: border-box;text-align: left;margin: 16px 0;padding: 16px 18px;background: #f9fafc;border: 1px solid #e3e7ee;border-radius: 8px;}
.asp-upp-payment-plan-target-date label{display: block;margin: 0 0 8px 0;font-weight: 600;color: #2e3a4d;}
.asp-upp-payment-plan-target-date .asp-upp-customer-target-date{box-sizing: border-box;width: 100%;max-width: 260px;padding: 10px 12px;font-size: 15px;line-height: 1.4;color: #333;background: #fff;border: 1px solid #d9dde3;border-radius: 6px;box-shadow: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.asp-upp-payment-plan-target-date .asp-upp-customer-target-date:hover{border-color: #b8c0cc;}
.asp-upp-payment-plan-target-date .asp-upp-customer-target-date:focus{outline: none;border-color: #0069d9;box-shadow: 0 0 0 3px rgba(0, 105, 217, 0.15);}

.asp-upp-payment-plan-target-date-prompt,
.asp-upp-payment-plan-target-date-notice{display: flex;align-items: center;gap: 8px;margin: 12px 0 8px 0;padding: 10px 14px;font-size: 14px;line-height: 1.4;border-radius: 4px;}
.asp-upp-payment-plan-target-date-prompt{color: #3f5170;background: #eef3fb;border-left: 3px solid #0069d9;}
.asp-upp-payment-plan-target-date-notice--warning{color: #8a5340;background: #fdf3ec;border-left: 3px solid #e8833a;}
.asp-upp-payment-plan-target-date + .asp-upp-payment-plan-target-date-prompt,
.asp-upp-payment-plan-target-date + .asp-upp-payment-plan-target-date-notice{margin-top: 10px;}

/* Busy state while the schedule re-renders via AJAX */
.asp-upp-payment-plan-details.asp-upp-loading{position: relative;opacity: 0.55;pointer-events: none;transition: opacity 0.2s ease;}
.asp-upp-payment-plan-details.asp-upp-loading::after{content: "";position: absolute;top: 12px;right: 12px;width: 18px;height: 18px;border: 2px solid rgba(0, 105, 217, 0.25);border-top-color: #0069d9;border-radius: 50%;animation: asp-upp-spin 0.7s linear infinite;}
@keyframes asp-upp-spin{to{transform: rotate(360deg);}}
@media (prefers-reduced-motion: reduce){.asp-upp-payment-plan-details.asp-upp-loading::after{animation: none;}}
@media screen and (max-width: 768px){
	.asp-upp-payment-plan-target-date{padding: 14px;}
	.asp-upp-payment-plan-target-date .asp-upp-customer-target-date{max-width: 100%;}
}