/**
 * Tag-gate lock form. Colors, radius, and type come from Global Styles tokens.
 * Button chrome is the core button element (wp-element-button).
 * Input chrome matches the theme's loginout / search / comments recipe.
 */

.omht-gate {
	max-width: 28rem;
	padding-block: var(--wp--preset--spacing--xl);
}

.omht-gate__intro > p {
	margin-block-start: 0;
	margin-block-end: var(--wp--preset--spacing--s);
}

.omht-gate__intro > p:last-child {
	margin-block-end: 0;
}

.omht-gate__notice {
	margin-block-start: var(--wp--preset--spacing--s);
	margin-block-end: 0;
	font-size: var(--wp--preset--font-size--s);
}

.omht-gate__form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--s);
	margin-block-start: var(--wp--preset--spacing--m);
}

.omht-gate__field {
	display: flex;
	flex-direction: column;
	gap: 0.4em;
	width: 100%;
	margin: 0;
}

.omht-gate__field label {
	font-size: var(--wp--preset--font-size--s);
	font-weight: 500;
}

.omht-gate__input {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--wp--preset--color--neutral, #808080);
	border-radius: var(--wp--custom--radius-s, 0.33rem);
	padding: calc(0.667em + 2px);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: inherit;
	line-height: 1.5;
}

.omht-gate__input:focus {
	border-color: var(--wp--preset--color--action);
	outline: 1px dotted var(--wp--preset--color--action-hover);
	outline-offset: 2px;
}

.omht-gate .wp-element-button {
	cursor: pointer;
	font-family: inherit;
}