/**
 * SentryGate form challenge – inherits form colors (navy / glass).
 */

.sentrygate-form-challenge {
	grid-column: 1 / -1;
	min-width: 0;
	padding: 0.85rem 1rem 1rem;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: var(--wp--custom--radius--bar, var(--radius-bar, 1.15rem));
	background: color-mix(in srgb, #fff 6%, transparent);
}

.sentrygate-form-challenge .sentrygate-choice {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.sentrygate-form-challenge .sentrygate-choice__legend {
	padding: 0;
	color: inherit;
	font-size: 0.88em;
	font-weight: 600;
}

.sentrygate-form-challenge .sentrygate-choice__prompt {
	margin: 0.45rem 0 0.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.sentrygate-form-challenge .sentrygate-choice__prompt-text {
	color: inherit;
	opacity: 0.78;
}

.sentrygate-form-challenge .sentrygate-choice__target {
	background: #fff;
	color: #111;
}

.sentrygate-form-challenge .sentrygate-choice__grid {
	grid-template-columns: 1fr 1fr;
}

@media (min-width: 640px) {
	.sentrygate-form-challenge .sentrygate-choice__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.sentrygate-form-challenge .sentrygate-choice__item {
		min-height: 4.5rem;
	}
}

.sentrygate-form-challenge .sentrygate-choice__item {
	background: color-mix(in srgb, #fff 10%, transparent);
	border-color: color-mix(in srgb, currentColor 22%, transparent);
	border-radius: var(--wp--custom--radius--pill, 0.85rem);
	color: inherit;
}

.sentrygate-form-challenge .sentrygate-choice__item:hover {
	background: color-mix(in srgb, #fff 16%, transparent);
	border-color: color-mix(in srgb, currentColor 40%, transparent);
}

.sentrygate-form-challenge .sentrygate-choice__item:has(input:focus-visible) {
	box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 28%, transparent);
}

.sentrygate-form-challenge .sentrygate-choice__item.is-selected,
.sentrygate-form-challenge .sentrygate-choice__item:has(input:checked) {
	background: #fff;
	border-color: #fff;
	color: #111;
}

.sentrygate-form-challenge .sentrygate-choice__icon {
	color: inherit;
}

.sentrygate-form-challenge .sentrygate-refresh {
	width: 100%;
	margin: 10px 0 0;
	padding: 0.5rem 1rem;
	border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
	border-radius: var(--wp--custom--radius--pill, 0.85rem);
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
}

.sentrygate-form-challenge .sentrygate-refresh:hover {
	background: color-mix(in srgb, #fff 10%, transparent);
}

.sentrygate-form-challenge .sentrygate-refresh:disabled {
	opacity: 0.6;
	cursor: wait;
}

.sentrygate-form-challenge__locked {
	margin: 0;
	padding: 0.75rem 0.9rem;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: var(--wp--custom--radius--pill, 0.85rem);
}