/**
 * SubletManager Waitlist Forms - Custom Styling
 * Applies Martex theme styling to custom form classes
 */

/* Hero Waitlist Form - Match .request-form styling */
.hero-waitlist-form .form-control {
  height: 58px;
  background-color: #f5f6f8;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 17px;
  color: #666;
  transition: all 0.3s ease;
}

.hero-waitlist-form .form-control:focus {
  background-color: #fff;
  border-color: #1680fb;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(22, 128, 251, 0.1);
}

.hero-waitlist-form .form-control::-moz-placeholder { color: #999; opacity: 1; }
.hero-waitlist-form .form-control:-ms-input-placeholder { color: #999; }
.hero-waitlist-form .form-control::-webkit-input-placeholder { color: #999; }

.hero-waitlist-form .invalid-feedback {
  display: none;
  font-size: 0.875rem;
  color: #dc3545;
  margin-top: 0.25rem;
}

.hero-waitlist-form.was-validated .form-control:invalid ~ .invalid-feedback {
  display: block;
}

.hero-waitlist-form .form-control.error {
  border-color: #e74c3c;
  background-color: #fff5f5;
}

.hero-waitlist-form .form-control.success {
  border-color: #48af4b;
  background-color: #f0fff0;
}

/* Modal Waitlist Form - Match #modal-3 .request-form styling */
.modal-waitlist-form {
  margin: 0;
}

.modal-waitlist-form .col-md-12 {
  padding: 0;
}

.modal-waitlist-form .form-control {
  height: 58px;
  background-color: #f5f6f8;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 17px;
  color: #666;
  text-align: left;
  margin: 0 0 25px 0;
  transition: all 0.3s ease;
}

.modal-waitlist-form .form-control:focus {
  background-color: #fff;
  border-color: #1680fb;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(22, 128, 251, 0.1);
}

.modal-waitlist-form .form-control::-moz-placeholder { color: #999; opacity: 1; }
.modal-waitlist-form .form-control:-ms-input-placeholder { color: #999; }
.modal-waitlist-form .form-control::-webkit-input-placeholder { color: #999; }

.modal-waitlist-form .invalid-feedback {
  display: none;
  font-size: 0.875rem;
  color: #dc3545;
  margin-top: -20px;
  margin-bottom: 20px;
}

.modal-waitlist-form.was-validated .form-control:invalid ~ .invalid-feedback {
  display: block;
}

.modal-waitlist-form .form-control.error {
  border-color: #e74c3c;
  background-color: #fff5f5;
}

.modal-waitlist-form .form-control.success {
  border-color: #48af4b;
  background-color: #f0fff0;
}

.modal-waitlist-form .btn {
  display: block;
  width: 100%!important;
  height: 56px;
  border-radius: 8px;
}

/* Form Message Styling */
.hero-waitlist-form .request-form-msg,
.modal-waitlist-form .request-form-msg {
  width: 100%!important;
  display: block;
  text-align: center;
  margin-top: 15px;
}

.hero-waitlist-form .request-form-msg .loading,
.modal-waitlist-form .request-form-msg .loading {
  color: #1680fb;
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: 500;
}

/* Success/Error Messages */
.color--success {
  color: #48af4b!important;
}

.color--error {
  color: #e74c3c!important;
}

/* Dark Theme Support (if needed) */
.theme--dark .hero-waitlist-form .form-control,
.theme--dark .modal-waitlist-form .form-control {
  color: #fff;
  background-color: #363f54;
}

.theme--dark .hero-waitlist-form .form-control::-moz-placeholder,
.theme--dark .modal-waitlist-form .form-control::-moz-placeholder { 
  color: #b1b7cd; 
}

.theme--dark .hero-waitlist-form .form-control:-ms-input-placeholder,
.theme--dark .modal-waitlist-form .form-control:-ms-input-placeholder { 
  color: #b1b7cd; 
}

.theme--dark .hero-waitlist-form .form-control::-webkit-input-placeholder,
.theme--dark .modal-waitlist-form .form-control::-webkit-input-placeholder { 
  color: #b1b7cd; 
}

.theme--dark .hero-waitlist-form .form-control:focus,
.theme--dark .modal-waitlist-form .form-control:focus {
  background-color: #505c77;
  border-color: transparent;
}