/* ==========================================================================
   Hero — enquiry form on a parchment scroll.
   Activated by the block's "Form" toggle, which adds `.has-form` to the hero
   <section>. Class-based + loaded site-wide, so it works on any page.
   ========================================================================== */

/* Pirate mascot: pull to the far left, partly behind the scroll */
.hero-inner.has-form .pirate {
	left: -1%;
	width: 22%;
	top: 30%;
	z-index: 35;
}

/* Let the hero content span the full width so the wide scroll has room */
.hero-inner.has-form .row > div:first-child {
	width: 100%;
	max-width: none;
}
.hero-inner.has-form .bottom {
	align-self: stretch !important;   /* stop the flex column squashing it */
	width: 100% !important;
	max-width: none !important;
}

/* Form sits on the torn parchment scroll — wide/landscape (~55% of hero).
   vw units, not rem: the theme root font-size is tiny (~9px). */
.hero-inner.has-form .hero-form-card {
	position: relative;
	width: 54vw !important;
	max-width: 1000px !important;
	margin: 0 auto !important;
	padding: 6% 8% 5.5%;
	background: url(../img/adventure-scroll.png) center center / 100% 100% no-repeat;
}
.hero-inner.has-form .hero-form-card .gform_wrapper,
.hero-inner.has-form .hero-form-card .gform_wrapper form {
	max-width: none;
	width: 100%;
}
.hero-inner.has-form .hero-form-card .gform_wrapper textarea {
	min-height: 90px;
}

/* Form fields: clean white with a soft light border */
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield input,
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield textarea,
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield select {
	background: #ffffff;
	border: 1px solid #e4dcc9 !important;
	border-radius: 6px;
	color: #2b2b2b;
}
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield input::placeholder,
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield textarea::placeholder {
	color: #6b5a45;
}
.hero-inner.has-form .hero-form-card .gform_wrapper .gfield label {
	color: #3b2a15;
}

/* Submit: dark "SEND FORM" text link, bottom-right (overrides the green circle) */
.hero-inner.has-form .hero-form-card .gform_footer {
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
	padding-top: 0.5rem;
}
.hero-inner.has-form .hero-form-card .gform_footer .btn-green {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	color: #2b2b2b !important;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: underline;
	display: inline-flex !important;
	cursor: pointer;
	box-shadow: none !important;
}
.hero-inner.has-form .hero-form-card .gform_footer .btn-green:hover {
	color: #52be69 !important;
}

/* Mobile: centre the form, ease padding */
@media (max-width: 1024px) {
	.hero-inner.has-form .pirate {
		left: -6%;
		width: 40%;
		top: 24%;
	}
	.hero-inner.has-form .hero-form-card {
		width: 100% !important;
		max-width: 100% !important;
		padding: 12% 8%;
	}
	.hero-inner.has-form .hero-form-card .gform_footer {
		justify-content: center;
	}
}