/* ============================================
   NDA Template Styles
   ============================================ */

/* Full-width content for NDA template */
.page-template-nda #content-area {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.page-template-nda #left-area {
	width: 100% !important;
	float: none;
	padding: 0;
}

.nda-content {
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 20px;
}

.nda-header {
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 30px;
}

.nda-title {
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	font-size: 40px;
	color: #333;
	margin-bottom: 0;
}

.nda-form-container {
	background: #ffffff;
}

.nda-intro {
	margin-bottom: 30px;
	font-size: 17.6px;
	font-family: 'geo', Helvetica, Arial, sans-serif;
	line-height: 1.8;
	color: #444;
}

/* Improve readability within the intro paragraph(s) */
.nda-intro p {
	margin-bottom: 16px;
}

/* Add tiny breathing room around inline blanks so text doesn’t crash into them */
.nda-intro .inline-field-wrapper {
	margin: 0 4px;
}

/* Contact Form 7 visibility: keep visible. We'll hide only duplicate inputs if needed. */
/* .wpcf7 { } */

/* Form Styles */
.nda-form {
	font-family: 'geo', Helvetica, Arial, sans-serif;
}

/* Inline field wrappers */
.inline-field-wrapper {
	display: inline-block;
	vertical-align: baseline;
	border-bottom: 1.5px solid #333;
	padding: 0 0 3px 0; /* underline gap */
	min-width: 0;
}

.inline-field-wrapper .inline-input,
.inline-field-wrapper input[type="text"],
.inline-field-wrapper input[type="date"],
.inline-field-wrapper input[type="email"] {
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: 'geo', Helvetica, Arial, sans-serif;
	font-size: inherit;
	line-height: 1.2;
	color: inherit;
}

.inline-field-wrapper input[type="text"]:focus,
.inline-field-wrapper input[type="date"]:focus,
.inline-field-wrapper input[type="email"]:focus {
	outline: none;
	box-shadow: none;
}

/* Date input minimal appearance */
.inline-field-wrapper input[type="date"] {
	-webkit-appearance: none;
	appearance: none;
}

.inline-field-wrapper input::placeholder {
	color: #9aa3ab;
	opacity: 1;
}

/* Width utilities for inline blanks */
.inline-w-xs { width: 120px; }
.inline-w-sm { width: 160px; }
.inline-w-md { width: 240px; }
.inline-w-lg { width: 320px; }
.inline-w-xl { width: 420px; }

.form-section {
	background: #f9f9f9;
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 40px;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14.4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.form-group input[type="text"],
.form-group input[type="email"] {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	font-family: 'geo', Helvetica, Arial, sans-serif;
	transition: border-color 0.3s ease;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

/* NDA Text Content */
.nda-text-content {
	margin: 40px 0;
	line-height: 1.8;
	color: #444;
}

.nda-text-content p {
	margin-bottom: 20px;
	text-align: justify;
}

.nda-section {
	margin-bottom: 30px;
	padding: 25px;
	background: #f8f9fa;
	border-left: 4px solid #007bff;
	border-radius: 4px;
}

.nda-section h3 {
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	font-size: 20.8px;
	color: #222;
	margin-bottom: 15px;
	margin-top: 0;
}

.nda-section p,
.nda-section ul {
	margin-bottom: 15px;
	font-size: 15.2px;
}

.nda-section ul {
	padding-left: 25px;
	list-style-type: disc;
}

.nda-section ul li {
	margin-bottom: 10px;
	padding-left: 8px;
}

/* Signature Section */
.signature-section {
	background: #f9f9f9;
	padding: 30px;
	border-radius: 8px;
	margin: 40px 0 30px;
	page-break-inside: avoid;
}

.signature-section > p {
	font-weight: 600;
	margin-bottom: 25px;
	font-size: 17.6px;
	text-align: center;
}

.company-info-display {
	margin-bottom: 30px;
	line-height: 2;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px 30px;
}

.company-info-display p {
	margin-bottom: 0;
	font-size: 15.2px;
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.company-info-display p:first-child {
	grid-column: span 2;
}

.company-info-display label {
	flex-shrink: 0;
}

.company-info-display .inline-field-wrapper {
	flex: 1;
	min-width: 0;
}

.signature-field-wrapper {
	margin: 30px 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 30px;
	align-items: start;
}

.signature-field-wrapper > * {
	grid-column: span 2;
}

.signature-field-wrapper label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14.4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.signature-field-wrapper .inline-field-wrapper {
	grid-column: span 1;
}

.signature-container {
	border: 2px solid #ddd;
	border-radius: 4px;
	background: #fff;
	padding: 10px;
	min-height: 150px;
}

.signature-container canvas {
	max-width: 100%;
	height: auto;
}

.agreement-checkbox {
	margin-top: 20px;
	padding: 15px;
	background: #e9ecef;
	border-radius: 4px;
}

.agreement-checkbox p {
	margin: 0;
	font-size: 14.4px;
	line-height: 1.6;
}

/* Company Signature Section */
.company-signature-section {
	background: #f8f9fa;
	padding: 30px;
	border-radius: 8px;
	margin: 30px 0;
	page-break-inside: avoid;
}

.martin-aquatic-signatures h4 {
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	margin-top: 0;
}

.martin-aquatic-signatures p {
	margin-bottom: 8px;
	line-height: 1.8;
}

/* Submit Button */
.form-submit {
	text-align: center;
	margin-top: 40px;
}

.submit-button {
	background: #007bff;
	color: white;
	border: none;
	padding: 15px 60px;
	border-radius: 4px;
	font-size: 17.6px;
	font-weight: 600;
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

.submit-button:hover {
	background: #0056b3;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.submit-button:active {
	transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 768px) {
	.nda-title {
		font-size: 32px;
	}

	.form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.company-info-display,
	.signature-field-wrapper {
		grid-template-columns: 1fr;
	}

	.signature-field-wrapper .inline-field-wrapper {
		grid-column: span 1;
	}

	.form-section,
	.signature-section {
		padding: 20px;
	}

	.nda-section {
		padding: 20px;
	}

	/* Make inline fields adapt on smaller screens */
	.inline-w-xl { width: 100%; }
	.inline-w-lg { width: 85%; }
	.inline-w-md { width: 70%; }
	.inline-w-sm { width: 60%; }
	.inline-w-xs { width: 50%; }

	.submit-button {
		padding: 12px 40px;
		font-size: 16px;
	}

	.nda-content {
		padding: 20px 15px;
	}
}

@media (max-width: 480px) {
	.nda-title {
		font-size: 24px;
	}

	.nda-section h3 {
		font-size: 17.6px;
	}

	.form-section,
	.signature-section,
	.company-signature {
		padding: 15px;
	}

	.submit-button {
		width: 100%;
		padding: 12px 20px;
	}
}

/* Print Styles */
@media print {
	.clear-signature,
	.submit-button {
		display: none;
	}

	.nda-content {
		max-width: 100%;
	}

	.signature-pad {
		border: 1px solid #000;
	}
}


#main-content .container:before {
    background: transparent;
}

/* --- CF7 inside signature section --- */
.signature-section .wpcf7 {
	margin-top: 20px;
}

/* Hide duplicate CF7 controls inside signature section (we use inline fields above) */
.signature-section .wpcf7 .wpcf7-form p { margin: 0 0 12px; }
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type="text"],
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type="date"],
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input[type="email"],
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea,
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap select {
	display: none;
}

/* Keep signature field block visible */
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap.signature-273,
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap.signature,
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap[class*="signature"] {
	display: block;
}

/* Also hide specific wrapper if CF7 uses a named class for 'email-by' */
.signature-section .wpcf7 .wpcf7-form .wpcf7-form-control-wrap.email-by { display: none; }

.signature-section .wpcf7 canvas {
	width: 100% !important;
	height: auto !important;
	border: 2px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.signature-section .wpcf7 input[type="submit"] {
	background: #007bff;
	color: white;
	border: none;
	padding: 12px 36px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	font-family: 'geo-med', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.2s ease;
	text-transform: uppercase;
}

.signature-section .wpcf7 input[type="submit"]:hover {
	background: #0056b3;
}

.hidden-fields-container + p {
    display: none;
}

.company-signature-section {
    visibility: hidden;
}

.signature-section .dscf7_signature {
    width: 100%;
}

.signature-section .dscf7_signature_inner {
    width: 100%;
}

.signature-section .digital_signature-pad {
    width: 100% !important;
    max-width: 100% !important;
    height: 200px !important;
    display: block;
    background-color: #dddddd !important;
}

#nda-date-signature {
	pointer-events: none;
}