/* ============================================
   YMCA Strathalbyn ELC — MyWaitlist Lead Form
   Custom CSS for Widget 1163
   
   Upload to public URL, paste into:
   MyWaitlist > Lead Form > URL for Custom CSS
   ============================================ */

/* --- Font --- */
body, input, select, textarea, button, .btn {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* --- Container: remove padding, go full width --- */
#enquiry-widget.container {
  padding: 0 !important;
  width: 100% !important;
}

/* --- Remove Bootstrap grid offset and width caps --- */
#enquiry-widget .col-md-offset-4 {
  margin-left: 0 !important;
  width: 100% !important;
  float: none !important;
}

#enquiry-widget .col-xs-6 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* --- CRITICAL: Hide empty rows from switched-off fields --- */
#enquiry-widget .row:not(:has(.form-group)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* --- Tighten spacing on visible rows --- */
#enquiry-widget .row {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
}

#enquiry-widget .form-group {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

#enquiry-widget .form-control {
  margin-bottom: 0 !important;
}

/* --- Input fields --- */
#enquiry-widget input[type="text"],
#enquiry-widget input[type="email"],
#enquiry-widget input[type="tel"],
#enquiry-widget input[type="date"],
#enquiry-widget input[type="number"],
#enquiry-widget select,
#enquiry-widget textarea {
  border: 1.5px solid #d0d0d0 !important;
  border-radius: 4px !important;
  padding: 12px 14px 12px 40px !important;
  font-size: 15px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  width: 100% !important;
  margin: 0 !important;
  -webkit-appearance: none !important;
}

/* --- Focus state: red border + subtle glow --- */
#enquiry-widget input:focus,
#enquiry-widget select:focus,
#enquiry-widget textarea:focus {
  border-color: #ED1C24 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(237, 28, 36, 0.1) !important;
}

/* --- Textarea: compact --- */
#enquiry-widget textarea {
  min-height: 56px !important;
  max-height: 90px !important;
  resize: vertical !important;
}

/* --- Placeholder text --- */
#enquiry-widget ::placeholder {
  color: #999999 !important;
  font-size: 14px !important;
}

/* --- Submit button: full width, prominent --- */
#enquiry-widget .btn,
#enquiry-widget .btn-primary,
#enquiry-widget input[type="submit"],
#enquiry-widget button[type="submit"] {
  background-color: #ED1C24 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  max-width: 100% !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  margin-top: 8px !important;
  display: block !important;
}

#enquiry-widget .btn:hover,
#enquiry-widget .btn-primary:hover,
#enquiry-widget input[type="submit"]:hover,
#enquiry-widget button[type="submit"]:hover {
  background-color: #c8101a !important;
}

/* --- Labels --- */
#enquiry-widget label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #333333 !important;
  margin-bottom: 4px !important;
}

/* --- Kill form bottom padding --- */
#enquiry-widget form {
  padding: 0 !important;
  margin: 0 !important;
}