/* =========================================
   Cowell Law - Clio Grow Form
   Final Dark Gradient Version
   Shortcode: [grow-contact-form]
========================================= */

.cowell-denial-style-form {
  --cowell-blue: #53a5ba;
  --cowell-blue-dark: #428da0;
  --cowell-text: #18212a;
  --cowell-border: #d9d4c7;
  --cowell-placeholder: #6f746c;

  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 38px 34px 40px !important;
  background: linear-gradient(
    145deg,
    #25292d 0%,
    #30363a 48%,
    #1f2326 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 0 !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
  color: #ffffff !important;
}

/* New main heading */
.cowell-denial-style-form::before {
  content: "Tell Us About Your Case" !important;
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

/* New subheading */
.cowell-denial-style-form::after {
  content: "Start the process with us." !important;
  display: block !important;
  margin: 0 0 28px 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* Hide Clio/theme-generated Contact Us heading */
.cowell-denial-style-form h1,
.cowell-denial-style-form h2,
.cowell-denial-style-form h3,
.cowell-denial-style-form h4,
.cowell-denial-style-form h5,
.cowell-denial-style-form h6,
.cowell-denial-style-form legend,
.cowell-denial-style-form .form-title,
.cowell-denial-style-form .contact-title,
.cowell-denial-style-form .grow-contact-form-title,
.cowell-denial-style-form [class*="form-title"],
.cowell-denial-style-form [class*="contact-title"],
.cowell-denial-style-form [class*="heading"],
.cowell-denial-style-form [class*="title"] {
  display: none !important;
}

/* Extra fallback: hide common Clio heading wrappers only when they do not contain the form */
.cowell-denial-style-form > p:first-child,
.cowell-denial-style-form > span:first-child {
  display: none !important;
}

/* Main form grid */
.cowell-denial-style-form form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Field wrappers */
.cowell-denial-style-form form > * {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* Labels */
.cowell-denial-style-form label {
  display: block !important;
  margin: 0 0 7px 0 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Inputs, textarea, select */
.cowell-denial-style-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.cowell-denial-style-form textarea,
.cowell-denial-style-form select {
  width: 100% !important;
  min-height: 48px !important;
  padding: 13px 14px !important;
  background: #ffffff !important;
  border: 1px solid var(--cowell-border) !important;
  border-radius: 0 !important;
  color: var(--cowell-text) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder text */
.cowell-denial-style-form input::placeholder,
.cowell-denial-style-form textarea::placeholder {
  color: var(--cowell-placeholder) !important;
  opacity: 1 !important;
}

/* Focus state */
.cowell-denial-style-form input:focus,
.cowell-denial-style-form textarea:focus,
.cowell-denial-style-form select:focus {
  border-color: var(--cowell-blue) !important;
  box-shadow: 0 0 0 2px rgba(83, 165, 186, 0.24) !important;
}

/* First Name */
.cowell-denial-style-form form > *:has(input[name*="first" i]),
.cowell-denial-style-form form > *:has(input[placeholder*="first" i]),
.cowell-denial-style-form form > *:has(label[for*="first" i]) {
  order: 10 !important;
  grid-column: 1 / 2 !important;
}

/* Last Name */
.cowell-denial-style-form form > *:has(input[name*="last" i]),
.cowell-denial-style-form form > *:has(input[placeholder*="last" i]),
.cowell-denial-style-form form > *:has(label[for*="last" i]) {
  order: 11 !important;
  grid-column: 2 / 3 !important;
}

/* Email */
.cowell-denial-style-form form > *:has(input[type="email"]),
.cowell-denial-style-form form > *:has(input[name*="email" i]),
.cowell-denial-style-form form > *:has(input[placeholder*="email" i]) {
  order: 20 !important;
  grid-column: 1 / 2 !important;
}

/* Phone */
.cowell-denial-style-form form > *:has(input[type="tel"]),
.cowell-denial-style-form form > *:has(input[name*="phone" i]),
.cowell-denial-style-form form > *:has(input[placeholder*="phone" i]) {
  order: 21 !important;
  grid-column: 2 / 3 !important;
}

/* Message / How can we help you */
.cowell-denial-style-form form > *:has(textarea),
.cowell-denial-style-form form > *:has(label[for*="message" i]),
.cowell-denial-style-form form > *:has(label[for*="help" i]) {
  order: 30 !important;
  grid-column: 1 / -1 !important;
}

.cowell-denial-style-form textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

/* Hide Clio honeypot / sentient fields */
.cowell-denial-style-form form > *:has(input[name*="sentient" i]),
.cowell-denial-style-form form > *:has(input[name*="honeypot" i]),
.cowell-denial-style-form form > *:has(label[for*="sentient" i]),
.cowell-denial-style-form input[name*="sentient" i],
.cowell-denial-style-form input[name*="honeypot" i],
.cowell-denial-style-form input[name*="website" i][autocomplete="off"] {
  display: none !important;
}

/* Submit button row */
.cowell-denial-style-form form > *:has(input[type="submit"]),
.cowell-denial-style-form form > *:has(button[type="submit"]) {
  order: 99 !important;
  grid-column: 1 / -1 !important;
}

/* Submit button */
.cowell-denial-style-form input[type="submit"],
.cowell-denial-style-form button[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 15px 24px !important;
  background: var(--cowell-blue) !important;
  border: 1px solid var(--cowell-blue) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.cowell-denial-style-form input[type="submit"]:hover,
.cowell-denial-style-form button[type="submit"]:hover {
  background: var(--cowell-blue-dark) !important;
  border-color: var(--cowell-blue-dark) !important;
}

/* Validation messages */
.cowell-denial-style-form .error,
.cowell-denial-style-form .validation_error,
.cowell-denial-style-form .field-error,
.cowell-denial-style-form .form-error {
  color: #ffb4b4 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 5px !important;
}

/* Mobile */
@media (max-width: 640px) {
  .cowell-denial-style-form {
    padding: 30px 22px 32px !important;
  }

  .cowell-denial-style-form::before {
    font-size: 25px !important;
  }

  .cowell-denial-style-form::after {
    font-size: 15px !important;
    margin-bottom: 24px !important;
  }

  .cowell-denial-style-form form {
    grid-template-columns: 1fr !important;
    row-gap: 14px !important;
  }

  .cowell-denial-style-form form > * {
    grid-column: 1 / -1 !important;
  }
}