.wpcf7-form .form-row {
display: flex !important;
gap: 1rem;
margin-bottom: 0.8rem;
width: 100% !important;
box-sizing: border-box;
}
.wpcf7-form .form-col {
flex: 1;
display: flex !important;
flex-direction: column;
width: auto !important;
margin: 0 !important;
} .wpcf7-form .form-row.textarea-row {
display: block !important;
}
.wpcf7-form .form-row.textarea-row .form-col {
width: 100% !important;
flex: none !important;
}
.wpcf7-form .form-col label {
font-weight: 500 !important;
margin-bottom: 0.3rem !important;
color: #222 !important;
display: block !important;
font-size: 14px;
}
.wpcf7-form .form-col input[type="text"],
.wpcf7-form .form-col input[type="email"],
.wpcf7-form .form-col input[type="url"],
.wpcf7-form .form-col input[type="tel"],
.wpcf7-form .form-col textarea {
width: 100% !important;
padding: 0.6rem 0.8rem !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
font-size: 1rem !important;
background: #fff !important;
transition: border-color 0.2s;
box-sizing: border-box !important;
margin: 0 !important;
}
.wpcf7-form .form-col input[type="text"]:focus,
.wpcf7-form .form-col input[type="email"]:focus,
.wpcf7-form .form-col input[type="url"]:focus,
.wpcf7-form .form-col input[type="tel"]:focus,
.wpcf7-form .form-col textarea:focus {
border-color: #3b82f6 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}
.wpcf7-form textarea {
min-height: 100px !important;
resize: vertical;
width: 100% !important;
} .wpcf7-form textarea,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .form-col textarea,
.wpcf7-form p textarea {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
display: block !important;
padding: 0.6rem 0.8rem !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
font-size: 1rem !important;
background: #fff !important;
transition: border-color 0.2s;
box-sizing: border-box !important;
margin: 0 !important;
min-height: 100px !important;
resize: vertical;
} .wpcf7-form textarea:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form .form-col textarea:focus,
.wpcf7-form p textarea:focus {
border-color: #3b82f6 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
} .wpcf7-form p,
.wpcf7-form div,
.wpcf7-form .form-col,
.wpcf7-form .form-row {
max-width: 100% !important;
} .wpcf7-form .form-col {
min-width: 0 !important;
} .wpcf7-form .textarea-wrapper,
.wpcf7-form .textarea-full {
width: 100% !important;
flex: 1 1 100% !important;
} .wpcf7-form span.wpcf7-form-control-wrap textarea {
width: 100% !important;
padding: 0.6rem 0.8rem !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
font-size: 1rem !important;
background: #fff !important;
transition: border-color 0.2s;
box-sizing: border-box !important;
margin: 0 !important;
}
.wpcf7-form span.wpcf7-form-control-wrap textarea:focus {
border-color: #3b82f6 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}
.wpcf7-form .wpcf7-form-control-wrap {
width: 100% !important;
}
.wpcf7-form .wpcf7-quiz-label {
font-weight: 500 !important;
margin-bottom: 0.3rem !important;
color: #222 !important;
display: block !important;
}
.wpcf7-form .wpcf7-quiz {
width: 100% !important;
padding: 0.6rem 0.8rem !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
font-size: 1rem !important;
background: #fff !important;
margin-bottom: 0.8rem !important;
box-sizing: border-box !important;
}
.wpcf7-form .wpcf7-submit {
background-color: #3b82f6 !important;
color: white !important;
font-weight: 600 !important;
padding: 0.7rem 1.8rem !important;
border-radius: 6px !important;
border: none !important;
cursor: pointer !important;
font-size: 1rem !important;
transition: background-color 0.2s;
margin-top: 0.8rem !important;
}
.wpcf7-form .wpcf7-submit:hover {
background-color: #2563eb !important;
} @media (max-width: 700px) {
.wpcf7-form .form-row {
flex-direction: column !important;
gap: 0 !important;
}
.wpcf7-form .form-col {
margin-bottom: 0.8rem !important;
}
} .wpcf7-form .wpcf7-response-output {
margin: 0.8rem 0 !important;
padding: 0.8rem !important;
border-radius: 6px !important;
}
.wpcf7-form .wpcf7-validation-errors {
background: #fee2e2 !important;
color: #b91c1c !important;
border: 1px solid #fecaca !important;
}
.wpcf7-form .wpcf7-mail-sent-ok {
background: #d1fae5 !important;
color: #047857 !important;
border: 1px solid #a7f3d0 !important;
} .seo-cf7-form {
max-width: 800px;
margin: 0 auto;
padding: 1.5rem;
background: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
} .seo-form-page {
padding: 2.5rem 0;
background: #f8fafc;
min-height: 60vh;
}
.seo-form-page .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.page-header {
text-align: center;
margin-bottom: 2.5rem;
}
.page-header h1 {
font-size: 2.5rem;
color: #1f2937;
margin-bottom: 0.8rem;
font-weight: 700;
}
.page-header p {
font-size: 1.1rem;
color: #6b7280;
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}
@media (max-width: 768px) {
.seo-form-page {
padding: 1.5rem 0;
}
.page-header h1 {
font-size: 2rem;
}
.seo-cf7-form {
padding: 1rem;
margin: 0 1rem;
}
.page-header {
margin-bottom: 2rem;
}
}