/**
 * GD Pilots Employers — front-end styles.
 *
 * Layered on top of GD Pilots Manager's form styles. All colour tokens
 * (--gdp-signal, --gdp-ink, --gdp-rule, …) come from .gdp-form, which every
 * template here also carries, so this file only adds layout and the few pieces
 * the manager does not provide (the honeypot, a two-column grid, a secondary
 * button and the gate list).
 */

/* Honeypot: present in the DOM for bots, invisible and unfocusable for people.
   Not display:none, since some bots skip hidden fields entirely. */
.gdpemp-hp {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gdpemp-form {
	--gdpemp-gap: 1.1rem;
}

.gdpemp-form__intro {
	color: var(--gdp-muted);
	margin: 0 0 1.5rem;
}

.gdpemp-form__heading,
.gdpemp-gate__heading {
	font-size: var(--gdp-hsize, 1.25rem);
	font-weight: var(--gdp-hweight, 700);
	line-height: 1.25;
	margin: 0 0 0.75rem;
	color: var(--gdp-ink);
}

/* Two-column grid that collapses on narrow screens. */
.gdpemp-grid {
	display: grid;
	gap: var(--gdpemp-gap);
}

@media (min-width: 40rem) {
	.gdpemp-grid--2 {
		grid-template-columns: 1fr 1fr;
	}
}

.gdpemp-form .gdp-field {
	margin-bottom: var(--gdpemp-gap);
}

.gdpemp-consent {
	margin-top: 0.5rem;
	padding: 1rem;
	border: var(--gdp-bwidth, 1px) solid var(--gdp-rule);
	border-radius: var(--gdp-radius);
	background: var(--gdp-paper);
}

.gdpemp-consent.has-error {
	border-color: var(--gdp-danger);
}

.gdpemp-form__actions {
	margin-top: 1.25rem;
}

.gdpemp-form__alt {
	margin-top: 1rem;
	color: var(--gdp-muted);
	font-size: 0.95rem;
}

.gdpemp-form__alt a,
.gdpemp-gate a:not(.gdp-button) {
	color: var(--gdp-signal);
}

.gdpemp-remember {
	margin: 0.25rem 0 1rem;
}

.gdpemp-sep {
	border: none;
	border-top: var(--gdp-bwidth, 1px) solid var(--gdp-rule);
	margin: 1.75rem 0;
}

/* Secondary button — a ghost variant using the manager's tokens. */
.gdpemp-button--secondary {
	background: transparent;
	border: var(--gdp-bwidth, 1px) solid var(--gdp-rule-strong);
	color: var(--gdp-ink);
}

.gdpemp-button--secondary:hover,
.gdpemp-button--secondary:focus {
	border-color: var(--gdp-ink);
}

/* Gate page. */
.gdpemp-gate__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1.25rem 0 1.5rem;
}

.gdpemp-gate__list {
	margin: 0;
	padding-left: 1.1rem;
	color: var(--gdp-body);
}

.gdpemp-gate__list li {
	margin-bottom: 0.4rem;
}

/* Notice fallback, in case the manager stylesheet is not present. */
.gdpemp-notice {
	margin: 0 auto 1.25rem;
	padding: 0.85rem 1rem;
	border-radius: 3px;
	border-left: 3px solid currentColor;
}

.gdpemp-notice--error {
	color: var(--gdp-danger, #f0938c);
	background: rgba(168, 38, 31, 0.07);
}

.gdpemp-notice--success {
	color: var(--gdp-ok, #7fcb92);
	background: rgba(46, 125, 70, 0.10);
}

.gdpemp-notice--info {
	color: var(--gdp-signal, #57c87c);
	background: rgba(56, 160, 80, 0.10);
}