.woo-pickup-checkout-fields {
	margin: 0 0 24px;
	padding: 22px 24px;
	border: 1px solid var(--restaurant-color-border, rgba(23, 20, 18, .12));
	border-radius: var(--restaurant-radius-card, var(--restaurant-v8-radius-card, 14px));
	background: var(--restaurant-color-surface, var(--restaurant-v8-surface, #fff));
	color: var(--restaurant-color-text, var(--restaurant-v8-text, #171412));
}

.woo-pickup-checkout-fields.is-hidden { display: none; }

.woo-pickup-checkout-title {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 800;
	letter-spacing: 0;
}

.woo-pickup-checkout-help,
.woo-pickup-mode-copy {
	margin: 0 0 16px;
	color: var(--restaurant-color-muted, var(--restaurant-v8-muted, #666));
	font-size: 14px;
	line-height: 1.5;
}

.woo-pickup-mode-copy[hidden] { display: none !important; }

.woo-pickup-mode-summary {
	margin: 0 0 16px;
	padding: 10px 12px;
	border-radius: var(--restaurant-radius-control, var(--restaurant-v8-radius-card, 10px));
	background: color-mix(in srgb, var(--restaurant-color-primary, var(--restaurant-v8-accent, #d92d20)) 8%, var(--restaurant-color-surface, #fff));
	color: var(--restaurant-color-text, var(--restaurant-v8-text, #333));
}

.woo-pickup-checkout-fields .form-row { margin: 0 0 16px; padding: 0; }
.woo-pickup-checkout-fields .form-row:last-child { margin-bottom: 0; }

.woo-pickup-checkout-fields label {
	display: block;
	margin: 0 0 8px;
	font-weight: 800;
	line-height: 1.3;
}

.woo-pickup-checkout-fields select {
	width: 100%;
	min-height: 52px;
	border: 1px solid var(--restaurant-color-border, rgba(23, 20, 18, .14));
	border-radius: var(--restaurant-radius-control, var(--restaurant-v8-radius-card, 14px));
	background-color: var(--restaurant-color-surface, var(--restaurant-v8-surface, #fff));
	color: var(--restaurant-color-text, var(--restaurant-v8-text, #171412));
	font-size: 15px;
	line-height: 1.4;
	padding: 0 14px;
}

.woo-pickup-checkout-fields select:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--restaurant-color-primary, var(--restaurant-v8-accent, #d92d20)) 42%, var(--restaurant-color-border, rgba(23, 20, 18, .14)));
	box-shadow: var(--restaurant-shadow-focus, 0 0 0 3px color-mix(in srgb, var(--restaurant-color-primary, var(--restaurant-v8-accent, #d92d20)) 14%, transparent));
}

.woo-pickup-checkout-fields select:disabled {
	opacity: .65;
	cursor: not-allowed;
	background-color: color-mix(in srgb, var(--restaurant-color-muted, #666) 7%, var(--restaurant-color-surface, #fff));
}

.woo-pickup-checkout-fields .required {
	color: var(--restaurant-color-primary, var(--restaurant-v8-accent, #b32d2e));
	text-decoration: none;
}

@media (max-width: 782px) {
	.woo-pickup-checkout-fields {
		padding: 18px;
		border-radius: var(--restaurant-radius-card, var(--restaurant-v8-radius-card, 12px));
	}

	.woo-pickup-checkout-title { font-size: 17px; }
	.woo-pickup-checkout-fields select { min-height: 50px; }
}