/**
 * Waitlist — vzhled přes design-system tokeny. Prefix .ks-wt.
 */

.ks-wt {
	margin: var(--s-md) 0;
	padding: var(--s-sm) var(--s-md);
	background: var(--color-grey-light);
	border-radius: var(--radius-m);
}

.ks-wt-intro {
	margin: 0 0 var(--s-xs);
	font-size: var(--t-sm);
	color: var(--color-text);
}

.ks-wt-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-xs);
}

.ks-wt-email {
	flex: 1 1 200px;
	min-height: var(--min-touch);
	padding: var(--s-2xs) var(--s-sm);
	font-family: var(--font-body);
	font-size: var(--t-sm);
	color: var(--color-text);
	background: var(--color-bg);
	border: 1px solid var(--color-grey-accent);
	border-radius: var(--radius-m);
}

.ks-wt-email:focus {
	outline: none;
	border-color: var(--color-primary);
}

.ks-wt-submit {
	min-height: var(--min-touch);
	padding: var(--s-2xs) var(--s-md);
	font-family: var(--font-body);
	font-size: var(--t-sm);
	font-weight: 600;
	color: var(--color-text-invert);
	background: var(--color-primary);
	border: 0;
	border-radius: var(--radius-m);
	cursor: pointer;
	transition: background var(--transition-fast);
}

.ks-wt-submit:hover {
	background: var(--color-primary-hover);
}

.ks-wt-submit:disabled {
	opacity: 0.6;
	cursor: default;
}

.ks-wt-msg {
	margin: var(--s-xs) 0 0;
	font-size: var(--t-sm);
}

.ks-wt-msg.is-ok {
	color: var(--color-success);
}

.ks-wt-msg.is-error {
	color: var(--color-error);
}