/* --------------------------------------------------------
 * 1. CF7 RESETS
 * -------------------------------------------------------- */
.pdp-preorder-section,
.pdp-preorder-section .wpcf7,
.pdp-preorder-section .wpcf7-form,
.pdp-preorder-section .wpcf7-form p {
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pdp-preorder-section .wpcf7-form br {
	display: none !important;
}

/* --------------------------------------------------------
 * 2. MESSAGE STYLING (Success/Error)
 * -------------------------------------------------------- */
.pdp-preorder-section .wpcf7-response-output.wpcf7-mail-sent-ok {
	background-color: #ECFDF5 !important;
	border: 1px solid #34D399 !important;
	color: #059669 !important;
	padding: 0.75rem !important;
	border-radius: 6px !important;
	margin-bottom: 1rem !important;
	font-weight: 500 !important;
	order: -1 !important;
	display: block !important;
}

.pdp-preorder-section .wpcf7-response-output.wpcf7-validation-errors {
	background-color: #FEF2F2 !important;
	border: 1px solid #F87171 !important;
	color: #DC2626 !important;
	padding: 0.75rem !important;
	border-radius: 6px !important;
	margin-bottom: 1rem !important;
	font-weight: 500 !important;
	order: -1 !important;
	display: block !important;
}

/* --------------------------------------------------------
 * 3. FORM HEADER & LABELS
 * -------------------------------------------------------- */
.pdp-preorder-section .preorder-form-wrapper h3 {
	color: #111928 !important;
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	margin-bottom: 1rem !important;
	margin-top: 0 !important;
}

.pdp-preorder-section .form-group {
	margin-bottom: 0.75rem !important;
}

.pdp-preorder-section .form-group:last-of-type {
	margin-bottom: 1rem !important;
}

.pdp-preorder-section .form-group label {
	display: block !important;
	font-weight: 700 !important;
	color: #374151 !important;
	font-size: 0.9rem !important;
	margin-bottom: 0.25rem !important;
}

/* --------------------------------------------------------
 * 4. INPUT FIELD STYLING
 * -------------------------------------------------------- */
.pdp-preorder-section .form-group .wpcf7-form-control:not(.wpcf7-submit) {
	width: 100% !important;
	padding: 8px 12px !important;
	border: 1px solid #D1D5DB !important;
	border-radius: 6px !important;
	background-color: white !important;
	font-size: 0.95rem !important;
	color: #374151 !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.pdp-preorder-section .form-group .wpcf7-form-control:not(.wpcf7-submit):focus {
	outline: none !important;
	border-color: #D61C4E !important;
	box-shadow: 0 0 0 1px #D61C4E !important;
}

.pdp-preorder-section .form-group .wpcf7-textarea {
	resize: vertical !important;
	height: 70px !important;
}


/* --------------------------------------------------------
 * 5. ACTION ROW & BUTTON ALIGNMENT
 * -------------------------------------------------------- */
.pdp-preorder-section .preorder-action-row {
	display: flex !important;
	align-items: center !important;
	padding-top: 0.75rem !important;
	margin-top: 1rem !important;
	margin-bottom: 1.5rem !important;
	width: 100% !important;
	justify-content: space-between !important;
}

.pdp-preorder-section .preorder-action-row .quantity {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	font-weight: 500 !important;
	color: #374151 !important;
	flex-shrink: 0 !important;
}

.pdp-preorder-section .preorder-action-row .quantity input[type="number"] {
	width: 4.5rem !important;
	padding: 0.5rem !important;
	border: 1px solid #D1D5DB !important;
	border-radius: 6px !important;
	text-align: center !important;
	font-size: 0.95rem !important;
	background-color: white !important;
	margin: 0 !important;
}

.pdp-preorder-section .preorder-action-row .quantity input[type="number"]:focus {
	outline: none !important;
	border-color: #D61C4E !important;
	box-shadow: 0 0 0 1px #D61C4E !important;
}

.pdp-preorder-section .preorder-action-row .wpcf7-form-control-wrap,
.pdp-preorder-section .preorder-action-row span:has(.wpcf7-submit),
.pdp-preorder-section .preorder-action-row div:has(.wpcf7-submit),
.pdp-preorder-section .preorder-action-row p:has(.wpcf7-submit) {
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.pdp-preorder-section .wpcf7-spinner {
	margin: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	opacity: 0 !important;
}

.pdp-preorder-section .preorder-action-row .wpcf7-submit {
	background-color: #D61C4E !important;
	color: white !important;
	border: none !important;
	padding: 0.6rem 1.5rem !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	position: static !important;
}

.pdp-preorder-section .preorder-action-row .wpcf7-submit:hover {
	background-color: #b81640 !important;
	color: white !important;
}

/* --------------------------------------------------------
 * 6. TRUSTPILOT SECTION
 * -------------------------------------------------------- */

.trustpilot-section {
	margin-top: 2rem !important;
	padding-top: 1rem !important;
}


/* --------------------------------------------------------
 * 7. MOBILE RESPONSIVE
 * -------------------------------------------------------- */

@media (max-width: 640px) {
	.pdp-preorder-section .preorder-action-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 1.5rem !important;
		justify-content: flex-start !important;
	}

	.pdp-preorder-section .preorder-action-row .quantity {
		align-self: flex-start !important;
	}

	.pdp-preorder-section .preorder-action-row .wpcf7-form-control-wrap,
	.pdp-preorder-section .preorder-action-row span:has(.wpcf7-submit),
	.pdp-preorder-section .preorder-action-row div:has(.wpcf7-submit),
	.pdp-preorder-section .preorder-action-row p:has(.wpcf7-submit) {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.pdp-preorder-section .preorder-action-row .wpcf7-submit {
		width: 100% !important;
		align-self: stretch !important;
	}

	.trustpilot-section {
		margin-top: 1.5rem !important;
	}
	
body .pdp-solution-wrapper-desktop {
    display: none !important;
}

}