/*
 * Jersey Drawer – cart, checkout and order screens (SPEC 8.4, 10.2, 11.1, 11.2).
 * Functional styles only; every --jd-* token falls back to the theme's --ks-*.
 * Logical properties only (RTL); touch targets ≥ 44px.
 */

:root {
	--jd-c-text: var(--ks-color-text, #16130f);
	--jd-c-muted: var(--ks-color-text-muted, #5e5648);
	--jd-c-surface: var(--ks-color-surface, #ece5d9);
	--jd-c-border: var(--ks-color-border, #ddd3c3);
	--jd-c-accent: var(--ks-color-accent-ink, var(--ks-color-brand, #16130f));
	--jd-c-accent-soft: var(--ks-color-accent-soft, #f6e3d6);
	--jd-c-focus: var(--ks-color-focus, #7a5c20);
	--jd-c-whatsapp: var(--ks-color-whatsapp, #146c43);
	--jd-c-on-whatsapp: #ffffff;
	--jd-c-radius: 8px;
	--jd-c-tap: 44px;
}

/* Delivery time under each shipping method – on its own line, under the label. */
#shipping_method li {
	flex-wrap: wrap;
}

#shipping_method li > label {
	flex: 1 1 0;
	min-inline-size: 0;
}

.jd-delivery {
	display: block;
	flex-basis: 100%;
	margin-block-start: 0.15em;
	padding-inline-start: calc(20px + 0.5rem);
	font-size: 0.875em;
	font-weight: 400;
	line-height: 1.4;
	color: var(--jd-c-muted);
}

.jd-delivery__label {
	font-weight: 600;
}

/* Promotion hint above the cart table. */
.jd-promo-hint {
	margin-block: 0 1rem;
	padding: 0.75rem 1rem;
	border-radius: var(--jd-c-radius);
	background: var(--jd-c-accent-soft);
	color: var(--jd-c-text);
}

/* Checkout: pickup point and consents below the order notes. */
.jd-checkout-extra {
	margin-block-start: 1rem;
}

.jd-js .jd-pickup-point--off {
	display: none;
}

.jd-consents {
	margin: 1rem 0 0;
	padding: 0;
	border: 0;
}

.jd-consent label.checkbox {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	min-block-size: var(--jd-c-tap);
	line-height: 1.5;
}

.jd-consent input[type="checkbox"] {
	flex: none;
	inline-size: 1.25rem;
	block-size: 1.25rem;
	margin-block-start: 0.15rem;
}

/* Email typo suggestion. */
.jd-email-suggest {
	margin-block: 0.35rem 0;
	font-size: 0.9em;
	color: var(--jd-c-text);
}

.jd-email-suggest:empty {
	display: none;
}

.jd-email-suggest__fix {
	min-block-size: var(--jd-c-tap);
	padding-inline: 0.75rem;
	border: 1px solid var(--jd-c-border);
	border-radius: var(--jd-c-radius);
	background: transparent;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.jd-email-suggest__fix:focus-visible {
	outline: 3px solid var(--jd-c-focus);
	outline-offset: 2px;
}

/* Pay on WhatsApp (thank-you page). */
.jd-whatsapp-pay {
	margin-block: 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--jd-c-border);
	border-radius: var(--jd-c-radius);
	background: var(--jd-c-surface);
}

.jd-whatsapp-pay__title {
	margin-block: 0 0.5rem;
	font-size: 1.15em;
}

.jd-whatsapp-pay__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: var(--jd-c-tap);
	padding-inline: 1.25rem;
	border-radius: var(--jd-c-radius);
	background: var(--jd-c-whatsapp);
	color: var(--jd-c-on-whatsapp);
	font-weight: 700;
	text-decoration: none;
}

.jd-whatsapp-pay__button:hover,
.jd-whatsapp-pay__button:focus {
	color: var(--jd-c-on-whatsapp);
	text-decoration: underline;
}

.jd-whatsapp-pay__button:focus-visible {
	outline: 3px solid var(--jd-c-focus);
	outline-offset: 2px;
}

/* Tracking on "my account". */
.jd-tracking {
	margin-block: 0 1.5rem;
}