/* General Form Styling */
.webform-submission-form {
  max-width: 800px;
  margin: 40px auto;
  padding: 80px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: 'Hind', sans-serif;
}

/* Form Headings */
.webform-submission-form h1,
.webform-submission-form h2,
.webform-submission-form legend {
  color: #2c3e50;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.4em;
}

/* Field Labels */
.webform-submission-form .form-item label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #333;
}

/* Inputs and Textareas */
.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"],
.webform-submission-form textarea,
.webform-submission-form select {
  width: 100%;
  padding: 10px;
  font-size: 1em;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #fafafa;
  margin-bottom: 15px;
}

/* Button Styles */
.webform-submission-form input[type="submit"],
.webform-submission-form button {
  background-color: #0066cc;
  color: white;
  padding: 20px 30px;
  font-size: 1em;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.webform-submission-form input[type="submit"]:hover,
.webform-submission-form button:hover {
  background-color: #004a99;
}

/* Error Message Styling */
.webform-submission-form .form-item--error {
  border-left: 4px solid red;
  padding-left: 10px;
  background: #ffe6e6;
}

/* Responsive Tweak */
@media (max-width: 600px) {
  .webform-submission-form {
    padding: 15px;
  }
}