/**
 * GetnDrive Rental Network owner submission / claim intake form.
 *
 * Closed noindex route styling only. No position: fixed / sticky.
 */

.gnd-rn-submit {
	--gnd-rn-submit-ink: #1f2933;
	--gnd-rn-submit-muted: #52606d;
	--gnd-rn-submit-line: #d2d6dc;
	--gnd-rn-submit-accent: #0b7285;
	--gnd-rn-submit-bg: #ffffff;
	display: block;
	padding: 24px 16px 48px;
	color: var(--gnd-rn-submit-ink);
}

.gnd-rn-submit__shell {
	max-width: 720px;
	margin: 0 auto;
}

.gnd-rn-submit__head {
	margin-bottom: 20px;
}

.gnd-rn-submit__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	line-height: 1.25;
}

.gnd-rn-submit__intro {
	margin: 0;
	color: var(--gnd-rn-submit-muted);
}

.gnd-rn-submit__notice {
	padding: 14px 16px;
	margin: 0 0 20px;
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 6px;
	background: #f5f7fa;
}

.gnd-rn-submit__notice--ok {
	border-color: #2f9e44;
	background: #ebfbee;
}

.gnd-rn-submit__notice--error {
	border-color: #e03131;
	background: #fff5f5;
}

.gnd-rn-submit__notice-title {
	margin: 0 0 6px;
	font-weight: 600;
}

.gnd-rn-submit__form {
	display: block;
}

.gnd-rn-submit__field {
	margin: 0 0 16px;
}

.gnd-rn-submit__field label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.gnd-rn-submit__field input[type="text"],
.gnd-rn-submit__field input[type="email"],
.gnd-rn-submit__field input[type="url"],
.gnd-rn-submit__field select,
.gnd-rn-submit__field textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 5px;
	font: inherit;
}

.gnd-rn-submit__field textarea {
	resize: vertical;
}

.gnd-rn-submit__opt {
	font-weight: 400;
	color: var(--gnd-rn-submit-muted);
}

.gnd-rn-submit__pair {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0 16px;
}

.gnd-rn-submit__hint {
	margin: -6px 0 16px;
	color: var(--gnd-rn-submit-muted);
	font-size: 0.9rem;
}

.gnd-rn-submit__vehicles,
.gnd-rn-submit__intent,
.gnd-rn-submit__contacts {
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 6px;
	padding: 12px 16px;
}

.gnd-rn-submit__vehicles legend,
.gnd-rn-submit__intent legend,
.gnd-rn-submit__contacts legend {
	font-weight: 600;
	padding: 0 6px;
}

/*
 * Repeatable owner contacts (v0.5.4). One row per contact: channel, value, language and an
 * optional label. The row is a grid that collapses to a single column on narrow screens and
 * inside the modal's own column, so it never forces horizontal overflow.
 */
.gnd-rn-submit__contacts-hint {
	margin: 0 0 12px;
	color: var(--gnd-rn-submit-muted);
	font-size: 0.9rem;
}

.gnd-rn-submit__contacts-rows {
	display: grid;
	gap: 10px;
	margin-bottom: 12px;
}

.gnd-rn-submit__contact {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	padding: 10px;
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 6px;
}

.gnd-rn-submit__contact-field {
	display: block;
	min-width: 0;
	margin: 0;
	font-weight: 400;
}

.gnd-rn-submit__contact-label {
	display: block;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--gnd-rn-submit-muted);
	margin-bottom: 3px;
}

.gnd-rn-submit__contact select,
.gnd-rn-submit__contact input[type="text"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 5px;
	font: inherit;
}

.gnd-rn-submit__contact-field--remove {
	display: flex;
	align-items: flex-end;
}

.gnd-rn-submit__contact-remove {
	appearance: none;
	border: 0;
	background: none;
	padding: 8px 0;
	font: inherit;
	font-size: 0.85rem;
	font-weight: 600;
	color: #b32d2e;
	cursor: pointer;
}

.gnd-rn-submit__contacts-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
}

.gnd-rn-submit__contact-add {
	appearance: none;
	border: 1px solid var(--gnd-rn-submit-accent);
	border-radius: 6px;
	background: none;
	color: var(--gnd-rn-submit-accent);
	font: inherit;
	font-weight: 600;
	padding: 8px 14px;
	cursor: pointer;
}

.gnd-rn-submit__contact-add[disabled] {
	opacity: 0.55;
	cursor: default;
}

.gnd-rn-submit__contacts-max {
	color: var(--gnd-rn-submit-muted);
	font-size: 0.85rem;
}

@media (min-width: 620px) {
	.gnd-rn-submit__contact {
		grid-template-columns: 150px minmax(0, 1fr) 130px minmax(0, 150px) auto;
		align-items: end;
	}
}

.gnd-rn-submit__check,
.gnd-rn-submit__radio {
	display: block;
	font-weight: 400;
	margin: 6px 0;
}

.gnd-rn-submit__check input,
.gnd-rn-submit__radio input {
	margin-right: 8px;
}

.gnd-rn-submit__intent-note {
	display: block;
	margin-top: 8px;
	color: var(--gnd-rn-submit-muted);
	font-size: 0.9rem;
}

.gnd-rn-submit__consent {
	margin-top: 16px;
}

.gnd-rn-submit__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin: 20px 0 8px;
}

.gnd-rn-submit__button {
	appearance: none;
	border: 0;
	border-radius: 6px;
	background: var(--gnd-rn-submit-accent);
	color: #ffffff;
	font: inherit;
	font-weight: 600;
	padding: 10px 22px;
	cursor: pointer;
}

.gnd-rn-submit__button:hover {
	background: #095c6b;
}

.gnd-rn-submit__back {
	color: var(--gnd-rn-submit-accent);
}

.gnd-rn-submit__required {
	margin: 0;
	color: var(--gnd-rn-submit-muted);
	font-size: 0.85rem;
}

.gnd-rn-submit__claiming {
	padding: 12px 16px;
	border: 1px solid var(--gnd-rn-submit-line);
	border-radius: 6px;
	background: #f5f7fa;
	margin: 0 0 16px;
}

/* Honeypot: kept in the DOM and submitted, but never shown to a human. */
.gnd-rn-submit__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (prefers-color-scheme: dark) {
	.gnd-rn-submit {
		--gnd-rn-submit-ink: #e4e7eb;
		--gnd-rn-submit-muted: #9aa5b1;
		--gnd-rn-submit-line: #3e4c59;
		--gnd-rn-submit-accent: #38d9d9;
		--gnd-rn-submit-bg: #1f2933;
	}
}
