/* 1RR NLP hero — textarea variant of the prehero search.
 * Scoped via .rr-prehero-search--nl to avoid conflicting with the existing
 * .rr-prehero-search input styles (owned elsewhere).
 */

.rr-prehero-search--nl {
	align-items: stretch;
}

.rr-prehero-search--nl textarea {
	display: block;
	width: 100%;
	min-height: 56px;
	max-height: 120px;
	padding: 12px 16px;
	border: 0;
	border-radius: 14px 0 0 14px;
	background: #fff;
	font: inherit;
	font-size: 16px;
	line-height: 1.5;
	color: #1a2433;
	resize: none;
	outline: none;
	white-space: pre-line;
	overflow-y: hidden;
	box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset;
}

.rr-prehero-search--nl textarea::placeholder {
	color: #4b5563;
	opacity: 0.72;
	white-space: pre-line;
	line-height: 1.5;
}

.rr-prehero-search--nl textarea:focus {
	box-shadow: 0 0 0 2px rgba(0,174,255,0.35);
}

.rr-prehero-search--nl button[type="submit"] {
	border-radius: 0 14px 14px 0;
	align-self: stretch;
}

@media (max-width: 520px) {
	.rr-prehero-search--nl textarea {
		font-size: 16px; /* keep >= 16px to prevent iOS zoom */
		min-height: 64px;
		border-radius: 12px;
	}
	.rr-prehero-search--nl {
		flex-direction: column;
		gap: 8px;
	}
	.rr-prehero-search--nl button[type="submit"] {
		border-radius: 12px;
	}
}