/**
 * Mad Monkey - Bespoke WPForms & Form Plugin Stylesheet
 * Integrates WPForms directly into the agency's brutalist/editorial aesthetic
 */

/* Container and Form Wrapper */
div.wpforms-container-full,
div.wpforms-container-full .wpforms-form {
  font-family: var(--font-sans);
  color: #FFFFFF;
}

/* Headings & Field Labels */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #BBBBBB;
  margin-bottom: 1rem;
}

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  font-size: 1.2rem;
  color: #777;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description {
  font-size: 1.2rem;
  color: var(--color-text-muted);
  margin-top: 0.5rem;
}

/* Text Inputs, Email, Number, URL & Textareas */
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--color-border-dark) !important;
  border-radius: 10px !important;
  padding: 1.4rem 1.8rem !important;
  color: #FFFFFF !important;
  font-family: var(--font-sans) !important;
  font-size: 1.5rem !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
}

div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
  border-color: var(--color-neon) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 15px rgba(192, 255, 74, 0.2) !important;
}

/* Checkbox & Radio Lists transformed into pill badges */
div.wpforms-container-full .wpforms-form ul.wpforms-field-checkbox,
div.wpforms-container-full .wpforms-form ul.wpforms-field-radio {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-field-checkbox li,
div.wpforms-container-full .wpforms-form ul.wpforms-field-radio li {
  margin: 0 !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-field-checkbox label,
div.wpforms-container-full .wpforms-form ul.wpforms-field-radio label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.8rem 1.8rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--color-border-dark) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #BBB !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-field-checkbox input[type="checkbox"],
div.wpforms-container-full .wpforms-form ul.wpforms-field-radio input[type="radio"] {
  accent-color: var(--color-neon) !important;
  margin-right: 0.8rem !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-field-checkbox label:hover,
div.wpforms-container-full .wpforms-form ul.wpforms-field-radio label:hover {
  border-color: var(--color-neon) !important;
  color: #FFF !important;
}

/* Submit Button - Mad Monkey Pill Style */
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--color-neon) !important;
  color: var(--color-black) !important;
  border: none !important;
  padding: 1.4rem 3.5rem !important;
  border-radius: 999px !important;
  font-family: var(--font-display) !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
  transition: all 0.35s var(--transition-smooth) !important;
  box-shadow: 0 10px 25px rgba(192, 255, 74, 0.35) !important;
  margin-top: 1.5rem !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  background-color: #FFFFFF !important;
  color: var(--color-black) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 35px rgba(255, 255, 255, 0.4) !important;
}

/* Success Confirmation Box */
div.wpforms-confirmation-container-full {
  background: rgba(192, 255, 74, 0.08) !important;
  border: 1px solid var(--color-neon) !important;
  border-radius: 12px !important;
  padding: 2.5rem !important;
  color: var(--color-neon) !important;
  font-family: var(--font-display) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* Validation Errors */
div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: #ff5252 !important;
  font-size: 1.2rem !important;
  margin-top: 0.5rem !important;
}

div.wpforms-container-full .wpforms-form input.wpforms-error,
div.wpforms-container-full .wpforms-form textarea.wpforms-error {
  border-color: #ff5252 !important;
}