/*
 * Gravity Forms styling, ported from Customizer Additional CSS.
 * Loaded only when Gravity Forms is active (see functions.php).
 *
 * The Customizer contained several overlapping iterations of these
 * rules; this file keeps only the final winning cascade, deduped.
 * Covers: the pre-owned enquiry form (.bpp-preowned-enquiry custom
 * form class), the sell-your-plate hero card (#sell-hero
 * .bpp-form-card) and form 3 (#gform_wrapper_3).
 */

/* ------------------------------------------------------------------ */
/* Global Gravity Forms tweaks                                         */
/* ------------------------------------------------------------------ */

.gform-theme--foundation .gfield textarea.medium {
	min-block-size: 9rem !important;
}

.gform_required_legend {
	display: none;
}

/* ------------------------------------------------------------------ */
/* Pre-owned enquiry form (GF custom CSS class: bpp-preowned-enquiry)  */
/* ------------------------------------------------------------------ */

.bpp-preowned-enquiry {
	--bpp-text: #17253f;
	--bpp-primary: #1B78C2;
	--bpp-border: #e7eaf0;
	--bpp-muted: #F7F9FC;

	max-width: 520px;
	margin: 0 auto;
	color: var(--bpp-text);
	font-size: 16px;
}

.bpp-preowned-enquiry .gform_body {
	background: #fff;
	border: 1px solid var(--bpp-border);
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: 0 8px 22px rgba(18, 33, 70, .06);
}

/* Single-column grid; every field spans the full width. */
form.bpp-preowned-enquiry[id^="gform_"] .gform_fields {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 10px !important;
}
form.bpp-preowned-enquiry[id^="gform_"] .gform_fields > .gfield {
	grid-column: 1 / -1 !important;
}

/* Field labels */
.bpp-preowned-enquiry .gfield_label {
	font-size: .9rem;
	font-weight: 600;
	margin: 0 0 6px;
}
form.bpp-preowned-enquiry[id^="gform_"] .gfield_label.gfield_label_before_complex {
	display: block !important;
	font-size: .95rem;
	font-weight: 700;
	margin: 0 0 6px !important;
}

/* Inputs */
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container input[type="text"],
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container input[type="email"],
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container input[type="tel"],
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container input[type="number"],
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container textarea {
	width: 100% !important;
	border: 1px solid var(--bpp-border) !important;
	border-radius: 10px !important;
	padding: 10px 12px !important;
	font-size: .95rem;
	line-height: 1.3;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
form.bpp-preowned-enquiry[id^="gform_"] textarea {
	min-height: 96px !important;
	resize: vertical;
}
.bpp-preowned-enquiry input:focus,
.bpp-preowned-enquiry textarea:focus {
	outline: none;
	border-color: var(--bpp-primary) !important;
	box-shadow: 0 0 0 3px rgba(27, 120, 194, .18) !important;
}
.bpp-preowned-enquiry .gfield_description {
	font-size: .85rem;
	color: #4b5563;
	margin-top: 6px;
}

/* Name field: two columns from 900px, floating sub-labels */
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container--name {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	position: relative;
}
@media (min-width: 900px) {
	form.bpp-preowned-enquiry[id^="gform_"] .ginput_container--name {
		grid-template-columns: 1fr 1fr;
	}
}
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container--name .name_first,
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container--name .name_last {
	position: relative;
	width: 100%;
}
form.bpp-preowned-enquiry[id^="gform_"] .ginput_container--name .gform-field-label--type-sub {
	position: absolute;
	top: -8px;
	left: 12px;
	font-size: 11px;
	line-height: 1;
	background: #fff;
	padding: 0 4px;
	color: #64748b;
}

/* Submit: full-width red CTA (final Customizer iteration) */
form.bpp-preowned-enquiry[id^="gform_"] .gform_footer {
	margin-top: 10px !important;
}
form.bpp-preowned-enquiry[id^="gform_"] .gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	padding: 14px 18px !important;
	border-radius: 12px !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	background: #E9413B !important;
	border: 1px solid #E9413B !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(233, 65, 59, .25) !important;
	transition: transform .06s ease, box-shadow .15s ease !important;
	cursor: pointer;
}
form.bpp-preowned-enquiry[id^="gform_"] .gform_footer .gform_button:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(233, 65, 59, .32) !important;
}

/* Validation / errors */
.bpp-preowned-enquiry .gfield_error input,
.bpp-preowned-enquiry .gfield_error textarea {
	border-color: #ef4444 !important;
	background: #fff7f7 !important;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, .12) !important;
}
.bpp-preowned-enquiry .gfield_validation_message {
	font-size: .85rem;
	color: #b91c1c;
	background: #fee2e2;
	border: 1px solid #fecaca;
	border-radius: 8px;
	padding: 6px 10px;
	margin-top: 6px;
}

.bpp-preowned-enquiry .gfield.gform_hidden {
	display: none !important;
}

/* ------------------------------------------------------------------ */
/* Sell-your-plate hero form card (#sell-hero .bpp-form-card)          */
/* ------------------------------------------------------------------ */

#sell-hero .bpp-form-card {
	background: #ffffff;
	border: 1px solid #e7eaf0;
	border-radius: 14px;
	padding: 18px;
	box-shadow: 0 10px 28px rgba(18, 33, 70, .06);
}

#sell-hero .bpp-form-card form[id^="gform_"] .gform_body {
	background: #fff;
	border: 1px solid #e7eaf0;
	border-radius: 12px;
	padding: 16px 16px;
}

#sell-hero .bpp-form-card form[id^="gform_"] .gform_fields {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 14px;
}

#sell-hero .bpp-form-card form[id^="gform_"] .gfield_label {
	font-size: 0.95rem;
	font-weight: 700;
	margin: 0 0 6px;
	color: #17253f;
}

#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container input[type="text"],
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container input[type="email"],
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container input[type="tel"],
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container input[type="number"],
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container textarea {
	width: 100%;
	border: 1px solid #e7eaf0;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 1rem;
	line-height: 1.4;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container input:focus,
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container textarea:focus {
	outline: none;
	border-color: #1B78C2;
	box-shadow: 0 0 0 3px rgba(27, 120, 194, .18);
}
#sell-hero .bpp-form-card form[id^="gform_"] ::placeholder {
	color: #94a3b8;
}
#sell-hero .bpp-form-card form[id^="gform_"] textarea {
	min-height: 130px;
	resize: vertical;
}
#sell-hero .bpp-form-card form[id^="gform_"] .gfield--type-fileupload input[type="file"] {
	border: 1px dashed #e7eaf0;
	border-radius: 10px;
	padding: 14px;
	background: #F7F9FC;
}
#sell-hero .bpp-form-card form[id^="gform_"] .gfield_description {
	font-size: 0.9rem;
	color: #475569;
	margin-top: 6px;
}

#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container--name {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	position: relative;
}
@media (min-width: 900px) {
	#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container--name {
		grid-template-columns: 1fr 1fr;
	}
}
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container--name .name_first,
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container--name .name_last {
	position: relative;
}
#sell-hero .bpp-form-card form[id^="gform_"] .ginput_container--name .gform-field-label--type-sub {
	position: absolute;
	top: -8px;
	left: 12px;
	font-size: 11px;
	line-height: 1;
	background: #fff;
	padding: 0 4px;
	color: #64748b;
	pointer-events: none;
}

#sell-hero .bpp-form-card form[id^="gform_"] .gform_footer {
	margin-top: 10px;
}
#sell-hero .bpp-form-card form[id^="gform_"] .gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px 18px;
	border-radius: 12px;
	border: 1px solid #E9413B;
	background: #E9413B;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: transform .06s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
	box-shadow: 0 8px 18px rgba(233, 65, 59, .25);
}
#sell-hero .bpp-form-card form[id^="gform_"] .gform_footer .gform_button:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(233, 65, 59, .32);
}
@media (min-width: 900px) {
	#sell-hero .bpp-form-card form[id^="gform_"] .gform_footer .gform_button {
		width: auto;
		min-width: 220px;
	}
}

#sell-hero .bpp-form-card form[id^="gform_"] .gfield_error .ginput_container input,
#sell-hero .bpp-form-card form[id^="gform_"] .gfield_error .ginput_container textarea {
	border-color: #ef4444;
	background: #fff7f7;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}
#sell-hero .bpp-form-card form[id^="gform_"] .gfield_validation_message {
	font-size: 0.9rem;
	color: #b91c1c;
	background: #fee2e2;
	border: 1px solid #fecaca;
	border-radius: 8px;
	padding: 6px 10px;
	margin-top: 6px;
}
#sell-hero .bpp-form-card form[id^="gform_"] .gfield.gform_hidden {
	display: none !important;
}

/* ------------------------------------------------------------------ */
/* Form 3 (#gform_wrapper_3)                                           */
/* ------------------------------------------------------------------ */

#gform_wrapper_3 .gform_body {
	background: #fff;
	border: 1px solid #e7eaf0;
	border-radius: 12px;
	padding: 16px;
}
#gform_wrapper_3 .gform_required_legend {
	display: none;
}
#gform_wrapper_3 .gfield_label {
	font-size: .95rem;
	font-weight: 700;
	margin: 0 0 6px;
	color: #17253f;
}
#gform_wrapper_3 .ginput_container input[type="text"],
#gform_wrapper_3 .ginput_container input[type="email"],
#gform_wrapper_3 .ginput_container input[type="tel"],
#gform_wrapper_3 .ginput_container input[type="number"],
#gform_wrapper_3 .ginput_container textarea {
	width: 100%;
	border: 1px solid #e7eaf0;
	border-radius: 10px;
	padding: 25px 14px;
	font-size: 1rem;
	line-height: 1.4;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
#gform_wrapper_3 .ginput_container input:focus,
#gform_wrapper_3 .ginput_container textarea:focus {
	outline: none;
	border-color: #1B78C2;
	box-shadow: 0 0 0 3px rgba(27, 120, 194, .18);
}
#gform_wrapper_3 ::placeholder {
	color: #94a3b8;
}
#gform_wrapper_3 textarea {
	min-height: 130px;
	resize: vertical;
}
#gform_wrapper_3 .gfield--type-fileupload input[type="file"] {
	border: 1px dashed #e7eaf0;
	border-radius: 10px;
	padding: 0;
	background: #F7F9FC;
}
#gform_wrapper_3 .gfield_description {
	font-size: .9rem;
	color: #475569;
	margin-top: 6px;
}
#gform_wrapper_3 .ginput_container--name {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	position: relative;
}
@media (min-width: 900px) {
	#gform_wrapper_3 .ginput_container--name {
		grid-template-columns: 1fr 1fr;
	}
}
#gform_wrapper_3 .ginput_container--name .name_first,
#gform_wrapper_3 .ginput_container--name .name_last {
	position: relative;
}
#gform_wrapper_3 .ginput_container--name .gform-field-label--type-sub {
	position: absolute;
	top: -8px;
	left: 12px;
	font-size: 11px;
	line-height: 1;
	background: #fff;
	padding: 0 4px;
	color: #64748b;
	pointer-events: none;
}

/* Submit: full-width dark red CTA, radius 5px (final Customizer
   iteration, which out-cascaded the earlier #E9413B version) */
#gform_wrapper_3 .gform_footer {
	margin-top: 10px;
}
#gform_wrapper_3 form[id^="gform_"] .gform_footer .gform_button,
#gform_wrapper_3 .gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px 18px;
	border-radius: 5px;
	border: 1px solid #E9413B;
	background: #C52B24;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: transform .06s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
	box-shadow: 0 8px 18px rgba(233, 65, 59, .25);
}
#gform_wrapper_3 form[id^="gform_"] .gform_footer .gform_button:hover,
#gform_wrapper_3 .gform_footer .gform_button:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(233, 65, 59, .32);
}
@media (min-width: 900px) {
	#gform_wrapper_3 form[id^="gform_"] .gform_footer .gform_button,
	#gform_wrapper_3 .gform_footer .gform_button {
		width: 100%;
		min-width: 220px;
	}
}

#gform_wrapper_3 .gfield_error .ginput_container input,
#gform_wrapper_3 .gfield_error .ginput_container textarea {
	border-color: #ef4444;
	background: #fff7f7;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}
#gform_wrapper_3 .gfield_validation_message {
	font-size: .9rem;
	color: #b91c1c;
	background: #fee2e2;
	border: 1px solid #fecaca;
	border-radius: 8px;
	padding: 6px 10px;
	margin-top: 6px;
}