/* Montserrat font is now loaded via HTML link tag for better cross-origin compatibility */

form { max-width:420px; margin:50px auto; }

.form-input {
color:#555;
font-family: Helvetica, Arial, sans-serif;
font-weight:500;
font-size: 18px;
border-radius: 5px;
line-height: 22px;
background-color: transparent;
border:2px solid #007bff;
transition: all 0.3s;
padding: 13px;
margin-bottom: 15px;
width:100%;
box-sizing: border-box;
outline:0;
}

.form-input:focus { border:2px solid #CC4949; }

textarea {
height: 150px;
line-height: 150%;
resize:vertical;
}

/* Reset submit button styling to match site-wide button styling */
[type="submit"], .submit-button {
width: 100%;
background-color: var(--secondary-color) !important;
color: var(--text-color) !important;
border-radius: .5rem !important;
border: 1px solid var(--primary-color) !important;
cursor:pointer;
font-size:16px; /* Reduced from 24px to match other buttons */
padding: 0.7rem 1.75rem;
margin-top: 20px; /* Increased from 15px for more spacing */
margin-left: auto; /* Center the button */
margin-right: auto; /* Center the button */
max-width: 80%; /* Set a maximum width for the button */
transition: opacity 0.3s;
font-weight:500; /* Reduced from 700 for consistency */
display: block; /* Ensure block display */
}

[type="submit"]:hover, .submit-button:hover { 
  opacity: 0.7; 
  background-color: var(--secondary-color) !important;
}

/* Ensure the button spans desired width and is centered */
.btn-block {
  width: 80% !important; /* Reduce to 80% width for better aesthetics */
  display: block !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Turnstile widget styling fixes */
#turnstile-container {
  min-height: 65px;
  overflow: hidden;
  position: relative;
}

#turnstile-container > div {
  display: flex;
  justify-content: center;
}

#turnstile-container iframe {
  margin: 0 auto;
}

/* Ensure hidden inputs don't affect layout */
input[type="hidden"] {
  display: none !important;
}