/* Purchase-popup overrides are scoped to dialogs, never cart/checkout buttons outside them. */
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled {
	background: var(--wootilities-popup-background, var(--wootilities-card, #fff));
	border-color: var(--wootilities-popup-border, var(--wootilities-border, #d9dcdf));
	border-radius: var(--wootilities-popup-radius, var(--wootilities-card-radius, 8px));
	color: var(--wootilities-popup-text, var(--wootilities-foreground, #202124));
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled::backdrop {
	background: var(--wootilities-popup-overlay, var(--wootilities-overlay, rgb(0 0 0 / 45%)));
	backdrop-filter: blur(var(--wootilities-popup-blur, var(--wootilities-blur, 0px)));
	-webkit-backdrop-filter: blur(var(--wootilities-popup-blur, var(--wootilities-blur, 0px)));
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup, .wootilities-coupon-dialog__panel, .wootilities-checkout-dialog__panel) {
	background: var(--wootilities-popup-background, var(--wootilities-card, #fff));
	color: var(--wootilities-popup-text, var(--wootilities-foreground, #202124));
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(header, footer, .wootilities-popup__related) {
	border-color: var(--wootilities-popup-border, var(--wootilities-border, #e1e3e6));
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled h2 {
	color: var(--wootilities-popup-text, var(--wootilities-heading-color, inherit)) !important;
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup__button--primary, .wootilities-coupon-dialog__apply, .wootilities-checkout-button--primary) {
	background: var(--wootilities-popup-primary-background, var(--wootilities-primary, #e2001a)) !important;
	color: var(--wootilities-popup-primary-text, var(--wootilities-primary-text, #fff)) !important;
	border-color: var(--wootilities-popup-primary-border, var(--wootilities-border, #202124)) !important;
	border-radius: var(--wootilities-popup-radius, var(--wootilities-button-radius, 4px)) !important;
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup__button--primary, .wootilities-coupon-dialog__apply, .wootilities-checkout-button--primary):is(:hover, .is-preview-hover):not(:disabled) {
	background: var(--wootilities-popup-primary-hover-background, var(--wootilities-primary-hover, #c70017)) !important;
	color: var(--wootilities-popup-primary-hover-text, var(--wootilities-primary-text-hover, #fff)) !important;
	border-color: var(--wootilities-popup-primary-hover-border, var(--wootilities-border-hover, #e2001a)) !important;
}
#wootilities-add-to-cart { --wootilities-popup-secondary-fallback: transparent; --wootilities-popup-secondary-hover-fallback: transparent; }
.wootilities-coupon-dialog { --wootilities-popup-secondary-hover-fallback: var(--wootilities-secondary, #fff); --wootilities-popup-secondary-hover-text-fallback: var(--wootilities-secondary-text, #202124); --wootilities-popup-secondary-hover-border-fallback: var(--wootilities-border, #202124); }
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup__button--secondary, .wootilities-coupon-dialog__cancel, .wootilities-checkout-button--secondary) {
	background: var(--wootilities-popup-secondary-background, var(--wootilities-popup-secondary-fallback, var(--wootilities-secondary, #fff))) !important;
	color: var(--wootilities-popup-secondary-text, var(--wootilities-secondary-text, #202124)) !important;
	border-color: var(--wootilities-popup-secondary-border, var(--wootilities-border, #202124)) !important;
	border-radius: var(--wootilities-popup-radius, var(--wootilities-button-radius, 4px)) !important;
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup__button--secondary, .wootilities-coupon-dialog__cancel, .wootilities-checkout-button--secondary):is(:hover, .is-preview-hover):not(:disabled) {
	background: var(--wootilities-popup-secondary-hover-background, var(--wootilities-popup-secondary-hover-fallback, var(--wootilities-secondary-hover, #f5f5f5))) !important;
	color: var(--wootilities-popup-secondary-hover-text, var(--wootilities-popup-secondary-hover-text-fallback, var(--wootilities-secondary-text-hover, #202124))) !important;
	border-color: var(--wootilities-popup-secondary-hover-border, var(--wootilities-popup-secondary-hover-border-fallback, var(--wootilities-border-hover, #e2001a))) !important;
}
:is(#wootilities-add-to-cart, .wootilities-coupon-dialog, #wootilities-address-dialog, #wootilities-invoice-dialog).wootilities-popup-styled :is(.wootilities-popup__button, .wootilities-coupon-dialog__cancel, .wootilities-coupon-dialog__apply, .wootilities-checkout-button):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }