/* ============================================================
   Contact Page — styles_contact.css

   Scoped to body.contact so no custom HTML wrappers needed.
   CF7 form styled for cream background (light counterpart
   to the dark footer subscription form).

   Color reference (matches theme design tokens):
     Olive green:   #3d5227
     Mid olive:     #4e6a30
     Gold:          #c8961a
     Cream (bg):    #f7f2e8
     Cream (dark):  #ede7d5
     Text dark:     #2a2a1e
     Text light:    #5a5a48
   ============================================================ */


/* ------------------------------------------------------------
   Content area
   ------------------------------------------------------------ */

body.contact .entry-content {
	max-width: 700px;
	margin: 0 auto;
	padding: 56px 24px 72px;
}


/* ------------------------------------------------------------
   Intro text
   ------------------------------------------------------------ */

body.contact .entry-content p {
	color: #5a5a48;
}


/* ------------------------------------------------------------
   CF7 form wrapper
   ------------------------------------------------------------ */

body.contact .wpcf7 {
	margin-top: 2em;
}


/* ------------------------------------------------------------
   Labels
   ------------------------------------------------------------ */

body.contact .wpcf7 label {
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #3d5227;
	margin-bottom: 0.3em;
}


/* ------------------------------------------------------------
   Form rows — each field in its own <p>
   ------------------------------------------------------------ */

body.contact .entry-content .wpcf7 p,
body.contact .wpcf7 form p {
	font-family: "PT Sans", sans-serif;
	font-size: 1rem;
	line-height: 1;
	margin: 0 0 1.25em;
}

body.contact .wpcf7 .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}


/* ------------------------------------------------------------
   Inputs & textarea
   ------------------------------------------------------------ */

body.contact .wpcf7 input[type="text"],
body.contact .wpcf7 input[type="email"],
body.contact .wpcf7 input[type="tel"],
body.contact .wpcf7 textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #c8bfa8;
	border-radius: 4px;
	color: #2a2a1e;
	font-family: "PT Sans", sans-serif;
	font-size: 1rem;
	padding: 10px 14px;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

body.contact .wpcf7 input[type="text"]:focus,
body.contact .wpcf7 input[type="email"]:focus,
body.contact .wpcf7 input[type="tel"]:focus,
body.contact .wpcf7 textarea:focus {
	outline: none;
	border-color: #4e6a30;
}

body.contact .wpcf7 input[type="text"]::placeholder,
body.contact .wpcf7 input[type="email"]::placeholder,
body.contact .wpcf7 input[type="tel"]::placeholder,
body.contact .wpcf7 textarea::placeholder {
	color: #a8a090;
}

body.contact .wpcf7 textarea {
	min-height: 160px;
	resize: vertical;
}


/* ------------------------------------------------------------
   Submit button
   ------------------------------------------------------------ */

body.contact .wpcf7 input[type="submit"] {
	background-color: #c8961a;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-family: "PT Sans", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 12px 36px;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

body.contact .wpcf7 input[type="submit"]:hover {
	background-color: #e8b52a;
}


/* ------------------------------------------------------------
   Validation & response messages
   ------------------------------------------------------------ */

body.contact .wpcf7 .wpcf7-not-valid-tip {
	font-family: "PT Sans", sans-serif;
	font-size: 0.85rem;
	color: #b94a2c;
	margin-top: 4px;
	display: block;
}

body.contact .wpcf7-response-output {
	border: 1px solid #c8bfa8;
	border-radius: 4px;
	font-family: "PT Sans", sans-serif;
	font-size: 0.9rem;
	color: #3d5227;
	margin-top: 1em;
	padding: 12px 16px;
}


/* ------------------------------------------------------------
   Responsive — mobile (≤ 600px)
   ------------------------------------------------------------ */

@media ( max-width: 600px ) {

	body.contact .entry-content {
		padding: 36px 16px 56px;
	}

}