/**
 * Account subscription UX (T-017 / ZYS-363).
 * Restore cancel visibility if a prior theme/custom rule hid WC actions,
 * and style the failed-payment banner with brand tokens only.
 */

/* Force cancel / subscription action controls back into the layout without !important. */
body.woocommerce-account .woocommerce-orders-table__cell-subscription-actions,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account .subscription_details .woocommerce-button.cancel,
body.woocommerce-account a.woocommerce-button.cancel,
body.woocommerce-account a.isjac-cancel-membership,
body.woocommerce-account .subscription-actions {
	display: inline-block;
	visibility: visible;
	opacity: 1;
	clip: auto;
	position: static;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	overflow: visible;
	font-size: inherit;
	line-height: inherit;
}

.isjac-failed-payment-banner {
	background-color: var(--isjac-color-warning);
	color: var(--isjac-color-ink);
	padding: var(--isjac-space-4, 1rem) var(--isjac-space-5, 1.25rem);
	margin: 0 0 var(--isjac-space-5, 1.25rem);
	border-radius: var(--isjac-radius-md, 0.5rem);
}

.isjac-failed-payment-banner__inner {
	max-width: 48rem;
}

.isjac-failed-payment-banner h2 {
	margin: 0 0 var(--isjac-space-2, 0.5rem);
	font-size: var(--isjac-font-size-lg, 1.25rem);
}

.isjac-failed-payment-banner p {
	margin: 0 0 var(--isjac-space-3, 0.75rem);
}

.isjac-failed-payment-banner p:last-child {
	margin-bottom: 0;
}

/* Confirm interstitial */
.isjac-cancel-confirm[hidden] {
	display: none;
}

.isjac-cancel-confirm {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--isjac-space-4, 1rem);
}

.isjac-cancel-confirm__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in oklab, var(--isjac-color-ink) 55%, transparent);
}

.isjac-cancel-confirm__dialog {
	position: relative;
	z-index: 1;
	width: min(28rem, 100%);
	background: var(--isjac-surface-card);
	color: var(--isjac-color-ink);
	border-radius: var(--isjac-radius-md, 0.5rem);
	padding: var(--isjac-space-5, 1.25rem);
	box-shadow: var(--isjac-shadow-lg, var(--isjac-shadow-lg));
}

.isjac-cancel-confirm__dialog h2 {
	margin: 0 0 var(--isjac-space-2, 0.5rem);
	font-size: var(--isjac-font-size-lg, 1.25rem);
}

.isjac-cancel-confirm__dialog p {
	margin: 0 0 var(--isjac-space-4, 1rem);
}

.isjac-cancel-confirm__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--isjac-space-3, 0.75rem);
	justify-content: flex-end;
}