/* Theme-only presentation for Kevira Checkout's documented public UI classes. */

@counter-style kevira-persian-decimal {
	system: numeric;
	symbols: "۰" "۱" "۲" "۳" "۴" "۵" "۶" "۷" "۸" "۹";
	suffix: "";
}

.kevira-checkout,
.kevira-checkout__payment-step {
	color: var(--kev-integration-text);
	font-family: inherit;
}

.kevira-checkout :where(h2, h3, strong, dt),
.kevira-checkout__payment-step :where(h2, h3, strong, dt) {
	color: var(--kev-integration-heading);
}

/* Primary Checkout labels need full contrast on the Delban surfaces. */
.kevira-checkout__step > h2,
.kevira-checkout__module-title h2,
.kevira-checkout__summary > h2,
.kevira-checkout__payment-card > h2,
.kevira-checkout__section-heading h2,
.kevira-checkout__payment-left .kevira-checkout__summary > h2,
.woocommerce-checkout .kevsh-address-modal__header h2,
.woocommerce-checkout .kevsh-recipient legend {
	color: #fffaf3 !important;
}

.kevira-checkout__address-actions :where([data-kevira-new-address], [data-kevira-change-address]) {
	color: #fffaf3 !important;
	cursor: pointer;
}

.kevira-checkout__address-actions [data-kevira-new-address]:hover,
.kevira-checkout__address-actions [data-kevira-new-address]:focus-visible {
	color: var(--kev-integration-accent) !important;
}

.kevira-checkout__step,
.kevira-checkout__main,
.kevira-checkout__aside,
.kevira-checkout__delivery-module,
.kevira-checkout__payment-card,
.kevira-checkout__payment-left,
.kevira-checkout__modal-dialog,
.kevira-checkout__modal-header,
.kevira-checkout__mobile-action-bar {
	background: var(--kev-integration-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-text);
}

.woocommerce-cart:has(.kevira-checkout),
.woocommerce-checkout:has(.kevira-checkout) {
	background: #080a0b;
	color: var(--kev-integration-text);
}

.woocommerce-cart .entry-content:has(.kevira-checkout),
.woocommerce-checkout .entry-content:has(.kevira-checkout),
.woocommerce-cart .woocommerce:has(> .kevira-checkout),
.woocommerce-checkout .woocommerce:has(> .kevira-checkout) {
	width: 100%;
	max-width: none !important;
	margin-inline: auto !important;
}

.kevira-checkout__step,
.kevira-checkout__main,
.kevira-checkout__aside,
.kevira-checkout__delivery-module,
.kevira-checkout__payment-card,
.kevira-checkout__payment-left,
.kevira-checkout__modal-dialog {
	box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 18%);
}

.kevira-checkout {
	box-sizing: border-box;
	margin: clamp(1rem, 2.5vw, 2rem) auto 3rem;
	max-width: min(calc(100% - 2rem), 76rem) !important;
	width: 100%;
	margin-inline: auto !important;
}

.kevira-checkout__step,
.kevira-checkout__main,
.kevira-checkout__aside {
	padding: clamp(1rem, 2vw, 1.5rem);
}

.kevira-checkout__columns,
.kevira-checkout__payment-layout {
	gap: clamp(1rem, 2vw, 1.5rem);
}

.kevira-checkout__section-heading { margin-bottom: 1rem; }
.kevira-checkout__cart { gap: 0.75rem; }
.kevira-checkout__cart-item { border-color: var(--kev-integration-border); }

.kevira-checkout__steps {
	color: var(--kev-integration-muted);
}

.kevira-checkout__steps li::before {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-muted);
	content: counter(kevira-checkout-step, kevira-persian-decimal);
}

.kevira-checkout__steps li:not(:last-child)::after {
	background: var(--kev-integration-border);
}

.kevira-checkout__steps li.is-active {
	color: #fffaf3;
}

.kevira-checkout__steps li.is-active::before,
.kevira-checkout__steps li.is-complete::before {
	background: var(--kev-integration-accent);
	border-color: var(--kev-integration-accent);
	color: var(--kev-integration-heading);
}

.kevira-checkout__steps li.is-complete:not(:last-child)::after {
	background: var(--kev-integration-accent);
}

.kevira-checkout__module-title p,
.kevira-checkout__choice-subtitle,
.kevira-checkout__payment-product-options,
.kevira-checkout__mobile-total span,
.kevira-checkout__empty-state {
	color: var(--kev-integration-muted);
}

.kevira-checkout__module-number {
	background: color-mix(in srgb, var(--kev-integration-accent) 14%, var(--kev-integration-surface));
	color: var(--kev-integration-accent);
}

.kevira-checkout__cart-item,
.kevira-checkout__payment-product {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 72%, transparent);
	border-color: var(--kev-integration-border);
}

.kevira-checkout__cart-item {
	border: 0;
	border-radius: 0.75rem;
	padding: 0.9rem;
}

.kevira-checkout__product-image a {
	outline: 0;
}

.kevira-checkout__product-image a:focus-visible {
	box-shadow: 0 0 0 3px var(--kev-integration-focus-ring);
}

.kevira-checkout__remove svg {
	fill: currentColor;
}

.kevira-checkout__product-image img,
.kevira-checkout__payment-product-image img,
.kevira-checkout__shipping-icon {
	background: var(--kev-integration-field-surface);
	border: 1px solid var(--kev-integration-border);
}

.kevira-checkout__quantity {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
}

.kevira-checkout__quantity :where(button, input) {
	color: var(--kev-integration-heading);
}

.kevira-checkout__quantity-display {
	color: var(--kev-integration-heading);
}

.kevira-checkout__quantity button {
	color: var(--kev-integration-accent);
}

.kevira-checkout__remove {
	background: var(--kev-integration-error-surface);
	color: var(--kev-integration-error);
}

.kevira-checkout__remove:hover {
	background: color-mix(in srgb, var(--kev-integration-error) 18%, var(--kev-integration-surface));
	color: color-mix(in srgb, var(--kev-integration-error) 82%, #fff);
}

.kevira-checkout__fields input,
.kevira-checkout__coupon input {
	background: var(--kev-integration-field-surface) !important;
	border-color: var(--kev-integration-border) !important;
	border-radius: var(--kev-integration-field-radius);
	color: var(--kev-integration-heading) !important;
	font: inherit;
}

.kevira-checkout__fields input::placeholder,
.kevira-checkout__coupon input::placeholder {
	color: var(--kev-integration-muted);
}

.kevira-checkout :where(input, select, textarea):hover:not(:disabled):not([readonly]),
.kevira-checkout__payment-step :where(input, select, textarea):hover:not(:disabled):not([readonly]) {
	border-color: color-mix(in srgb, var(--kev-integration-accent) 54%, var(--kev-integration-border));
}

.kevira-checkout :where(input, select, textarea):focus,
.kevira-checkout__payment-step :where(input, select, textarea):focus {
	background: color-mix(in srgb, var(--kev-integration-accent) 6%, var(--kev-integration-field-surface));
	border-color: var(--kev-integration-accent);
	box-shadow: var(--kev-integration-focus-ring);
	outline: 0;
}

.kevira-checkout__fields input:user-invalid,
.kevira-checkout__coupon input:user-invalid {
	background: var(--kev-integration-error-surface);
	border-color: var(--kev-integration-error);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--kev-integration-error) 18%, transparent);
}

.kevira-checkout__choice {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-text);
}

.kevira-checkout__choice:hover {
	background: color-mix(in srgb, var(--kev-integration-accent) 6%, var(--kev-integration-field-surface));
	border-color: color-mix(in srgb, var(--kev-integration-accent) 54%, var(--kev-integration-border));
}

.kevira-checkout__choice-title,
.kevira-checkout__choice-meta {
	color: var(--kev-integration-heading);
}

.kevira-checkout__choice-check {
	background: var(--kev-integration-surface);
	border-color: var(--kev-integration-border);
}

.kevira-checkout__choice[aria-pressed="true"] {
	background: color-mix(in srgb, var(--kev-integration-accent) 12%, var(--kev-integration-surface));
	border-color: var(--kev-integration-accent);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--kev-integration-accent) 24%, transparent);
}

.kevira-checkout__choice[aria-pressed="true"] .kevira-checkout__choice-check,
.kevira-checkout__shipping-options .kevira-checkout__choice[aria-pressed="true"] .kevira-checkout__shipping-icon {
	background: var(--kev-integration-accent);
	border-color: var(--kev-integration-accent);
	color: var(--kev-integration-heading);
}

.kevira-checkout__choice[aria-pressed="true"] .kevira-checkout__choice-title {
	color: var(--kev-integration-accent-hover);
}

.kevira-checkout__choice:disabled {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 68%, #000);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-muted);
	cursor: not-allowed;
	opacity: 0.58;
}

.kevira-checkout__summary {
	background: var(--kev-integration-surface) !important;
	color: var(--kev-integration-text);
}

.kevira-checkout__aside {
	background: var(--kev-integration-surface) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-text) !important;
}

.kevira-checkout__aside--delivery {
	background: var(--kev-integration-surface) !important;
	border-color: var(--kev-integration-border) !important;
}

.kevira-checkout__aside--delivery h2,
.kevira-checkout__delivery-recap dd,
.kevira-checkout .amount,
.kevira-checkout__payment-step .amount,
.kevira-checkout__payment-product-copy strong {
	color: var(--kev-integration-heading);
}

.kevira-checkout__summary dl {
	color: var(--kev-integration-muted) !important;
}

.kevira-checkout__summary dl > div,
.kevira-checkout__delivery-recap dl > div,
.kevira-checkout__offline-details > div {
	border-color: var(--kev-integration-border);
}

.kevira-checkout__summary dd,
.kevira-checkout__payment-product-price,
.kevira-checkout__grand-total :where(dt, dd),
.kevira-checkout__mobile-total strong,
.kevira-checkout__offline-countdown strong {
	color: var(--kev-integration-heading) !important;
}

.kevira-checkout__grand-total :where(dt, dd) {
	color: var(--kev-integration-accent-hover) !important;
}

.kevira-checkout__grand-total dt {
	color: #fffaf3 !important;
}

.kevira-checkout__primary {
	background: var(--kev-integration-accent) !important;
	border-color: var(--kev-integration-accent) !important;
	border-radius: var(--kev-integration-field-radius) !important;
	color: var(--kev-integration-heading) !important;
}

.kevira-checkout__primary:hover {
	background: var(--kev-integration-accent-hover) !important;
	border-color: var(--kev-integration-accent-hover) !important;
}

.kevira-checkout .button:not(.kevira-checkout__primary),
.kevira-checkout__payment-step .button:not(#place_order) {
	background: var(--kev-integration-field-surface) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-text) !important;
}

.kevira-checkout .button:not(.kevira-checkout__primary):hover,
.kevira-checkout__payment-step .button:not(#place_order):hover {
	background: color-mix(in srgb, var(--kev-integration-accent) 10%, var(--kev-integration-field-surface)) !important;
	border-color: var(--kev-integration-accent) !important;
}

.kevira-checkout__coupon .button:disabled,
.kevira-checkout__coupon .button:disabled:hover {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 72%, #000) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-muted) !important;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.55;
}

.kevira-checkout__primary:disabled,
.kevira-checkout__primary.is-loading {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 68%, #000) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-muted) !important;
	box-shadow: none;
	cursor: wait;
	opacity: 0.7;
}

.kevira-checkout__payment-left #place_order {
	background: var(--kev-integration-accent) !important;
	border-color: var(--kev-integration-accent) !important;
	border-radius: var(--kev-integration-field-radius) !important;
	color: var(--kev-integration-heading) !important;
}

.kevira-checkout__payment-left #place_order:hover {
	background: var(--kev-integration-accent-hover) !important;
	border-color: var(--kev-integration-accent-hover) !important;
}

.kevira-checkout__payment-left #place_order:disabled,
.kevira-checkout__payment-left #place_order.processing {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 68%, #000) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-muted) !important;
	box-shadow: none;
	cursor: wait;
	opacity: 0.7;
}

.kevira-checkout__payment-left #place_order:focus-visible {
	box-shadow: var(--kev-integration-focus-ring);
	outline: 2px solid var(--kev-integration-accent);
	outline-offset: 3px;
}

.kevira-checkout__section-heading .button-link,
.kevira-checkout__change-address,
.kevira-checkout__edit-cart,
.kevira-checkout__text-action {
	color: var(--kev-integration-accent) !important;
}

.kevira-checkout__section-heading .button-link:hover,
.kevira-checkout__change-address:hover,
.kevira-checkout__edit-cart:hover,
.kevira-checkout__text-action:hover {
	color: var(--kev-integration-accent-hover) !important;
}

.kevira-checkout__change-address:disabled,
.kevira-checkout__change-address[aria-disabled="true"],
.kevira-checkout__change-address:disabled:hover {
	color: var(--kev-integration-muted) !important;
	cursor: not-allowed;
	opacity: 0.5;
}

.kevira-checkout__message:not(:empty) {
	background: var(--kev-integration-error-surface);
	border-color: color-mix(in srgb, var(--kev-integration-error) 48%, transparent);
	color: var(--kev-integration-error);
}

[data-kevira-coupon-status]:not(:empty),
body.kevira-custom-checkout-active :where(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
	background: var(--kev-integration-field-surface) !important;
	border-color: var(--kev-integration-border) !important;
	color: var(--kev-integration-text) !important;
}

[data-kevira-notice-type="success"],
body.kevira-custom-checkout-active .woocommerce-message {
	background: var(--kev-integration-success-surface) !important;
	border-color: color-mix(in srgb, var(--kev-integration-success) 48%, transparent) !important;
	color: var(--kev-integration-success) !important;
}

[data-kevira-notice-type="error"],
body.kevira-custom-checkout-active .woocommerce-error {
	background: var(--kev-integration-error-surface) !important;
	border-color: color-mix(in srgb, var(--kev-integration-error) 48%, transparent) !important;
	color: var(--kev-integration-error) !important;
}

.kevira-checkout__main > [data-kevira-checkout-login],
.kevira-checkout__main > [data-kevira-checkout-profile],
.kevira-checkout__empty-state,
.kevira-checkout__offline-countdown {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-text);
}

.kevira-checkout__payment-left .place-order { border-color: var(--kev-integration-border) !important; }

.kevira-checkout--empty {
	width: min(calc(100% - 2rem), 76rem);
	margin-inline: auto;
}

.kevira-checkout--empty .kevira-checkout__empty-state {
	background: color-mix(in srgb, #fff 88%, var(--kev-integration-accent));
	border: 1px solid color-mix(in srgb, var(--kev-integration-accent) 34%, transparent);
	color: var(--kev-integration-text);
	box-shadow: 0 1.25rem 4rem rgb(98 55 61 / 10%);
}

.kevira-checkout--empty .kevira-checkout__empty-icon { color: var(--kev-integration-accent); }
.kevira-checkout--empty h1 { color: var(--kev-integration-heading) !important; }
.kevira-checkout--empty p { color: var(--kev-integration-muted); }

.kevira-checkout__empty-action {
	display: inline-flex !important;
	align-items: center;
	min-height: 3rem;
	padding-inline: 1.75rem !important;
	background: var(--kev-integration-accent) !important;
	border-color: var(--kev-integration-accent) !important;
	border-radius: 0.75rem !important;
	color: #fffaf3 !important;
	font-weight: 700 !important;
}

.kevira-checkout__empty-action:hover { transform: translateY(-1px); }

.kevira-checkout__modal-backdrop {
	background: rgb(3 3 3 / 78%);
}

.kevira-checkout__modal-close {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-muted);
}

.kevira-checkout__modal-close:hover {
	background: color-mix(in srgb, var(--kev-integration-accent) 12%, var(--kev-integration-surface));
	border-color: var(--kev-integration-accent);
	color: var(--kev-integration-heading);
}

.kevira-checkout :where(button, a, input, select, textarea):focus-visible,
.kevira-checkout__payment-step :where(button, a, input, select, textarea):focus-visible {
	box-shadow: var(--kev-integration-focus-ring);
	outline: 2px solid var(--kev-integration-accent);
	outline-offset: 3px;
}

/* Shipping owns this public address UI; Checkout owns its presentation here. */
.woocommerce-checkout .kevsh-address-modal {
	color: var(--kev-integration-text);
	font-family: inherit;
}

.woocommerce-checkout .kevsh-address-modal__backdrop {
	background: rgb(3 3 3 / 78%);
}

.woocommerce-checkout .kevsh-address-modal__dialog,
.woocommerce-checkout .kevsh-address-modal__header {
	background: var(--kev-integration-surface);
	border-color: var(--kev-integration-border);
	color: var(--kev-integration-text);
}

.woocommerce-checkout .kevsh-address-modal__dialog {
	border: 1px solid var(--kev-integration-border);
	border-radius: var(--kev-integration-card-radius);
	box-shadow: 0 1.5rem 4.5rem rgb(0 0 0 / 45%);
}

.woocommerce-checkout .kevsh-address-modal__header h2,
.woocommerce-checkout .kevsh-recipient legend {
	color: var(--kev-integration-heading);
}

.woocommerce-checkout .kevsh-address-modal__close {
	background: var(--kev-integration-field-surface);
	border: 1px solid var(--kev-integration-border);
	color: var(--kev-integration-muted);
}

.woocommerce-checkout .kevsh-address-modal__close:hover {
	background: color-mix(in srgb, var(--kev-integration-accent) 12%, var(--kev-integration-surface));
	border-color: var(--kev-integration-accent);
	color: var(--kev-integration-heading);
}

.woocommerce-checkout .kevsh-address-fields label > span,
.woocommerce-checkout .kevsh-address-map__status,
.woocommerce-checkout .kevsh-recipient__summary {
	color: var(--kev-integration-muted);
}

.woocommerce-checkout .kevsh-address-fields label > span b {
	color: var(--kev-integration-error);
}

.woocommerce-checkout .kevsh-address-fields input,
.woocommerce-checkout .kevsh-address-fields select,
.woocommerce-checkout .kevsh-address-fields textarea {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
	border-radius: var(--kev-integration-field-radius);
	color: var(--kev-integration-heading);
	font: inherit;
}

.woocommerce-checkout .kevsh-address-fields :where(input, textarea)::placeholder {
	color: var(--kev-integration-muted);
}

.woocommerce-checkout .kevsh-address-fields :where(input, select, textarea):hover:not(:disabled):not([readonly]) {
	border-color: color-mix(in srgb, var(--kev-integration-accent) 54%, var(--kev-integration-border));
}

.woocommerce-checkout .kevsh-address-fields :where(input, select, textarea):focus {
	background: color-mix(in srgb, var(--kev-integration-accent) 6%, var(--kev-integration-field-surface));
	border-color: var(--kev-integration-accent);
	box-shadow: var(--kev-integration-focus-ring);
	outline: 0;
}

.woocommerce-checkout .kevsh-address-fields input[readonly],
.woocommerce-checkout .kevsh-address-fields select:disabled {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 68%, #000);
	color: var(--kev-integration-muted);
}

.woocommerce-checkout .kevsh-address-fields select option {
	background: var(--kev-integration-surface);
	color: var(--kev-integration-text);
}

.woocommerce-checkout .kevsh-address-fields select option:checked {
	background: var(--kev-integration-accent);
	color: var(--kev-integration-heading);
}

.woocommerce-checkout .kevsh-address-fields input[type="checkbox"] {
	accent-color: var(--kev-integration-accent);
}

.woocommerce-checkout .kevsh-address-fields input[type="checkbox"]:checked {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--kev-integration-accent) 24%, transparent);
}

.woocommerce-checkout .kevsh-address-fields .is-invalid {
	background: var(--kev-integration-error-surface);
	border-color: var(--kev-integration-error);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--kev-integration-error) 18%, transparent);
}

.woocommerce-checkout .kevsh-address-fields small,
.woocommerce-checkout .kevsh-address-map__status.is-error {
	color: var(--kev-integration-error);
}

.woocommerce-checkout .kevsh-recipient {
	background: color-mix(in srgb, var(--kev-integration-field-surface) 72%, transparent);
	border-color: var(--kev-integration-border);
	border-radius: var(--kev-integration-field-radius);
	color: var(--kev-integration-text);
}

.woocommerce-checkout .kevsh-address-map {
	background: var(--kev-integration-field-surface);
	border-color: var(--kev-integration-border);
}

.woocommerce-checkout .kevsh-address-manual {
	color: var(--kev-integration-accent) !important;
}

.woocommerce-checkout .kevsh-address-manual:hover {
	color: var(--kev-integration-accent-hover) !important;
}

.woocommerce-checkout .kevsh-address-primary {
	background: var(--kev-integration-accent) !important;
	border-color: var(--kev-integration-accent) !important;
	border-radius: var(--kev-integration-field-radius) !important;
	color: var(--kev-integration-heading) !important;
}

.woocommerce-checkout .kevsh-address-primary:hover {
	background: var(--kev-integration-accent-hover) !important;
	border-color: var(--kev-integration-accent-hover) !important;
}

.woocommerce-checkout :where(.kevsh-address-modal__close, .kevsh-address-manual, .kevsh-address-primary):focus-visible {
	box-shadow: var(--kev-integration-focus-ring);
	outline: 2px solid var(--kev-integration-accent);
	outline-offset: 3px;
}

.woocommerce-checkout .kevsh-address-primary:disabled,
.woocommerce-checkout .kevsh-address-primary.is-loading {
	cursor: wait;
	opacity: 0.58;
}

@media (max-width: 42rem) {
	.kevira-checkout__step,
	.kevira-checkout__aside,
	.kevira-checkout__delivery-module,
	.kevira-checkout__payment-card,
	.kevira-checkout__payment-left,
	.kevira-checkout__modal-dialog,
	.woocommerce-checkout .kevsh-address-modal__dialog {
		border-radius: var(--kev-integration-mobile-card-radius);
	}

	.kevira-checkout,
	.kevira-checkout__payment-step,
	.kevira-checkout__columns,
	.kevira-checkout__main,
	.kevira-checkout__aside,
	.kevira-checkout__cart-item,
	.kevira-checkout__choice,
	.kevira-checkout__summary,
	.kevira-checkout__payment-card,
	.kevira-checkout__payment-left {
		max-width: 100%;
		min-width: 0;
	}

	.kevira-checkout :where(input, select, textarea, button),
	.kevira-checkout__payment-step :where(input, select, textarea, button) {
		box-sizing: border-box;
		max-width: 100%;
	}

	.kevira-checkout__payment-left #place_order {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}

	.kevira-checkout__cart-item {
		display: grid;
		grid-template-columns: 4.75rem minmax(0, 1fr) 2.5rem;
		grid-template-rows: auto auto;
		column-gap: 0.75rem;
		row-gap: 0.75rem;
		align-items: center;
		padding: 0.9rem;
		direction: rtl;
	}

	.kevira-checkout__product-image {
		grid-column: 1;
		grid-row: 1 / span 2;
		align-self: start;
	}

	.kevira-checkout__product-image img {
		width: 4.75rem;
		height: 4.75rem;
		object-fit: contain;
	}

	.kevira-checkout__product-copy {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		font-size: 0.875rem;
		line-height: 1.65;
		overflow-wrap: anywhere;
	}

	.kevira-checkout__product-copy strong {
		margin-block-end: 0.25rem;
	}

	.kevira-checkout__quantity {
		grid-column: 2 / 4;
		grid-row: 2;
		width: min(100%, 10rem);
		justify-self: start;
	}

	.kevira-checkout__quantity :where(button, input),
	.kevira-checkout__quantity-display {
		width: 2.75rem;
		height: 2.75rem;
		flex-basis: 2.75rem;
	}

	.kevira-checkout__quantity-display {
		inset-inline-start: 2.75rem;
	}

	.kevira-checkout__remove {
		grid-column: 3;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		width: 2.5rem;
		height: 2.5rem;
	}

	.woocommerce-checkout .kevsh-address-modal__dialog,
	.woocommerce-checkout .kevsh-address-fields,
	.woocommerce-checkout .kevsh-address-detail-row,
	.woocommerce-checkout .kevsh-recipient__fields {
		max-width: 100%;
		min-width: 0;
	}

	.woocommerce-checkout .kevsh-address-fields :where(input, select, textarea),
	.woocommerce-checkout .kevsh-address-primary {
		box-sizing: border-box;
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kevira-checkout *,
	.kevira-checkout__payment-step *,
	.woocommerce-checkout .kevsh-address-modal * {
		animation-duration: var(--kev-integration-reduced-motion-duration) !important;
		scroll-behavior: auto !important;
		transition-duration: var(--kev-integration-reduced-motion-duration) !important;
	}
}

body.kevira-order-result {
	background: #080a0b;
	color: var(--kev-integration-text);
}

.kevira-order-result main,
.kevira-order-result .wp-site-blocks > main {
	box-sizing: border-box;
	width: min(calc(100% - 2rem), 76rem);
	max-width: none;
	margin-inline: auto;
	padding-block: clamp(2rem, 5vw, 4.5rem);
}

.kevira-order-result .woocommerce { direction: rtl; color: var(--kev-integration-text); }
.kevira-order-result :where(.woocommerce-order > p, .woocommerce-thankyou-order-received) { color: var(--kev-integration-muted); font-size: 1.05rem; }
.kevira-order-result :where(h1, h2, h3, strong, th) { color: var(--kev-integration-heading) !important; }

.kevira-order-result .woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 1.5rem 0 !important;
	padding: 0 !important;
}

.kevira-order-result .woocommerce-order-overview li {
	float: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 1rem !important;
	color: var(--kev-integration-muted);
	background: var(--kev-integration-field-surface);
	border: 1px solid var(--kev-integration-border) !important;
	border-radius: var(--kev-integration-field-radius);
	line-height: 1.7;
}

.kevira-order-result :where(.woocommerce-order-details, .woocommerce-customer-details) {
	margin-top: 1.5rem;
	padding: clamp(1rem, 2vw, 1.5rem);
	background: var(--kev-integration-surface);
	border: 1px solid var(--kev-integration-border);
	border-radius: var(--kev-integration-card-radius);
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 22%);
}

.kevira-order-result :where(.woocommerce-table, .woocommerce-table th, .woocommerce-table td) { color: var(--kev-integration-text); background: transparent; border-color: var(--kev-integration-border) !important; }
.kevira-order-result .woocommerce-table a { color: var(--kev-integration-accent-hover); }
.kevira-order-result :where(.woocommerce-customer-details--billing, .woocommerce-column--billing-address) { display: none !important; }
.kevira-order-result .woocommerce-customer-details--shipping { float: none !important; width: 100% !important; }
.kevira-order-result .woocommerce-customer-details address { color: var(--kev-integration-text); background: var(--kev-integration-field-surface); border-color: var(--kev-integration-border); }
.kevira-order-result__product { display: inline-flex; align-items: center; gap: 0.8rem; }
.kevira-order-result__product-image { display: block !important; width: 3.75rem !important; max-width: 3.75rem !important; height: 3.75rem !important; max-height: 3.75rem !important; flex: 0 0 3.75rem; object-fit: contain; background: #050606; border: 1px solid var(--kev-integration-border); border-radius: 0.65rem; }
body.kevira-offline-modal-open .kevira-checkout__offline-modal-backdrop { background: rgb(3 3 3 / 82%); backdrop-filter: blur(5px); }
body.kevira-offline-modal-open .kevira-checkout__offline-modal-dialog {
	padding: clamp(1rem, 3vw, 1.75rem) !important;
	background: var(--kev-integration-surface) !important;
	border: 1px solid var(--kev-integration-border) !important;
	border-radius: var(--kev-integration-card-radius);
	color: var(--kev-integration-text) !important;
	box-shadow: 0 2rem 6rem rgb(0 0 0 / 62%);
}
body.kevira-offline-modal-open .kevira-checkout__offline-modal-header { margin-bottom: 1.1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--kev-integration-border); }
body.kevira-offline-modal-open .kevira-checkout__offline-modal-header h2 { color: #fffaf3 !important; font-size: clamp(1.1rem, 2vw, 1.35rem) !important; font-weight: 800; }
body.kevira-offline-modal-open .kevira-checkout__offline-modal-header button { color: #fffaf3; background: var(--kev-integration-field-surface); border: 1px solid var(--kev-integration-border); }
body.kevira-offline-modal-open .kevira-checkout__offline-details { margin-block: 0.5rem 1rem; }
body.kevira-offline-modal-open .kevira-checkout__offline-details > div { border-color: var(--kev-integration-border); }
body.kevira-offline-modal-open .kevira-checkout__offline-details :where(dt, dd) { color: var(--kev-integration-text); }
body.kevira-offline-modal-open .kevira-checkout__offline-countdown { color: #fffaf3; background: var(--kev-integration-field-surface); }
body.kevira-offline-modal-open .kevira-checkout__receipt-drop {
	min-height: 10.5rem;
	align-content: center;
	gap: 0.65rem;
	padding: 1.5rem !important;
	color: #fffaf3 !important;
	background: color-mix(in srgb, var(--kev-integration-accent) 5%, var(--kev-integration-field-surface));
	border: 2px dashed color-mix(in srgb, var(--kev-integration-accent) 72%, var(--kev-integration-border)) !important;
	border-radius: 1rem;
	transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}
body.kevira-offline-modal-open .kevira-checkout__receipt-drop:hover { background: color-mix(in srgb, var(--kev-integration-accent) 11%, var(--kev-integration-field-surface)); border-color: var(--kev-integration-accent) !important; transform: translateY(-1px); }
body.kevira-offline-modal-open .kevira-checkout__receipt-drop strong { color: #fffaf3 !important; font-size: 1rem; }
body.kevira-offline-modal-open .kevira-checkout__receipt-drop small { max-width: 28rem; color: var(--kev-integration-muted) !important; line-height: 1.8; }
body.kevira-offline-modal-open .kevira-checkout__receipt-drop-icon { color: #17120c; background: var(--kev-integration-accent); box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--kev-integration-accent) 12%, transparent); }
body.kevira-offline-modal-open .kevira-checkout__receipt-file { color: var(--kev-integration-text); background: var(--kev-integration-field-surface); border-color: var(--kev-integration-border); }
body.kevira-offline-modal-open .kevira-checkout__receipt-file :where(img, > span:first-child) { color: var(--kev-integration-accent-hover); background: #050606; }
body.kevira-offline-modal-open .kevira-checkout__receipt-file > span:last-child { color: var(--kev-integration-muted); }

@media (max-width: 42rem) {
	.kevira-order-result main,
	.kevira-order-result .wp-site-blocks > main { width: min(calc(100% - 1rem), 76rem); padding-block: 1.25rem 6rem; }
	.kevira-order-result .woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kevira-order-result :where(.woocommerce-order-details, .woocommerce-customer-details) { padding: 0.875rem; border-radius: var(--kev-integration-mobile-card-radius); overflow-x: auto; }
	.kevira-order-result .woocommerce-table { min-width: 34rem; }
	body.kevira-offline-modal-open .kevira-checkout__offline-modal { padding: 0.5rem; }
	body.kevira-offline-modal-open .kevira-checkout__offline-modal-dialog { width: 100%; max-height: calc(100dvh - 1rem); border-radius: var(--kev-integration-mobile-card-radius); }
	body.kevira-offline-modal-open .kevira-checkout__receipt-files { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}