/* ==========================================================================
   Forms & Inputs — Ultra Modern Dark
   ========================================================================== */

/* Global Input Styles */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea,
.form-control {
  background-color: #141414 !important;
  color: var(--text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 16px;
  font-family: var(--font-body);
  font-size: var(--text-body);
  transition: var(--transition);
  box-shadow: none !important;
  min-height: 48px;
}

/* Placeholder Text */
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  color: #8E8E8E !important;
  opacity: 1;
}

/* Focus States */
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  outline: none !important;
  border-color: var(--accent-red) !important;
  box-shadow: 0 0 0 3px rgba(217, 41, 47, 0.15) !important;
  background-color: #141414 !important;
  color: var(--text-primary) !important;
}

/* Form Labels */
label {
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}

/* Form Container Panels (Valuation/Search) */
.form-panel,
.rws-form-signup,
.rws-form-search,
.rws-form-contact {
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 32px;
  box-shadow: var(--shadow-soft);
}

.form-panel h3,
.rws-form-signup h3,
.rws-form-search h3,
.rws-form-contact h3 {
  color: var(--text-primary);
  margin-bottom: 24px;
}

/* Light-surface modals need dark foreground for readability */
#home-value-modal .modal-body,
#home-value-modal .modal-body p,
#home-value-modal .modal-body li,
#home-value-modal .modal-body span,
#home-value-modal .modal-body label,
#home-value-modal .modal-body .lead,
#home-value-modal .modal-body .form-info,
#home-value-modal .modal-body h1,
#home-value-modal .modal-body h2,
#home-value-modal .modal-body h3,
#home-value-modal .modal-body h4,
#home-value-modal .modal-body h5,
#home-value-modal .modal-body h6,
#avmModal .modal-body,
#avmModal .modal-body p,
#avmModal .modal-body li,
#avmModal .modal-body span,
#avmModal .modal-body label,
#avmModal .modal-body .lead,
#avmModal .modal-body .form-info,
#avmModal .modal-body h1,
#avmModal .modal-body h2,
#avmModal .modal-body h3,
#avmModal .modal-body h4,
#avmModal .modal-body h5,
#avmModal .modal-body h6,
#reportModal .modal-body,
#reportModal .modal-body p,
#reportModal .modal-body li,
#reportModal .modal-body span,
#reportModal .modal-body label,
#reportModal .modal-body .lead,
#reportModal .modal-body .form-info,
#reportModal .modal-body h1,
#reportModal .modal-body h2,
#reportModal .modal-body h3,
#reportModal .modal-body h4,
#reportModal .modal-body h5,
#reportModal .modal-body h6,
#searchModal .modal-body,
#searchModal .modal-body p,
#searchModal .modal-body li,
#searchModal .modal-body span,
#searchModal .modal-body label,
#searchModal .modal-body .lead,
#searchModal .modal-body .form-info,
#searchModal .modal-body h1,
#searchModal .modal-body h2,
#searchModal .modal-body h3,
#searchModal .modal-body h4,
#searchModal .modal-body h5,
#searchModal .modal-body h6,
#showingModal .modal-body,
#showingModal .modal-body p,
#showingModal .modal-body li,
#showingModal .modal-body span,
#showingModal .modal-body label,
#showingModal .modal-body .lead,
#showingModal .modal-body .form-info,
#showingModal .modal-body h1,
#showingModal .modal-body h2,
#showingModal .modal-body h3,
#showingModal .modal-body h4,
#showingModal .modal-body h5,
#showingModal .modal-body h6,
#termsModal .modal-body,
#termsModal .modal-body p,
#termsModal .modal-body li,
#termsModal .modal-body span,
#termsModal .modal-body label,
#termsModal .modal-body .lead,
#termsModal .modal-body .form-info,
#termsModal .modal-body h1,
#termsModal .modal-body h2,
#termsModal .modal-body h3,
#termsModal .modal-body h4,
#termsModal .modal-body h5,
#termsModal .modal-body h6,
#leadform .modal-body,
#leadform .modal-body p,
#leadform .modal-body li,
#leadform .modal-body span,
#leadform .modal-body label,
#leadform .modal-body .lead,
#leadform .modal-body .form-info,
#leadform .modal-body h1,
#leadform .modal-body h2,
#leadform .modal-body h3,
#leadform .modal-body h4,
#leadform .modal-body h5,
#leadform .modal-body h6,
#listingModal .modal-body,
#listingModal .modal-body p,
#listingModal .modal-body li,
#listingModal .modal-body span,
#listingModal .modal-body label,
#listingModal .modal-body .lead,
#listingModal .modal-body .form-info,
#listingModal .modal-body h1,
#listingModal .modal-body h2,
#listingModal .modal-body h3,
#listingModal .modal-body h4,
#listingModal .modal-body h5,
#listingModal .modal-body h6,
#modalSearchForm .modal-body,
#modalSearchForm .modal-body p,
#modalSearchForm .modal-body li,
#modalSearchForm .modal-body span,
#modalSearchForm .modal-body label,
#modalSearchForm .modal-body .lead,
#modalSearchForm .modal-body .form-info,
#modalSearchForm .modal-body h1,
#modalSearchForm .modal-body h2,
#modalSearchForm .modal-body h3,
#modalSearchForm .modal-body h4,
#modalSearchForm .modal-body h5,
#modalSearchAjax .modal-body,
#modalSearchAjax .modal-body p,
#modalSearchAjax .modal-body li,
#modalSearchAjax .modal-body span,
#modalSearchAjax .modal-body label,
#modalSearchAjax .modal-body .lead,
#modalSearchAjax .modal-body .form-info,
#modalSearchAjax .modal-body h1,
#modalSearchAjax .modal-body h2,
#modalSearchAjax .modal-body h3,
#modalSearchAjax .modal-body h4,
#modalSearchAjax .modal-body h5,
#modalSearchAjax .modal-body h6,
#modalSearchForm .modal-body h6 {
  color: #1f2933 !important;
}

#home-value-modal .modal-body .text-dark,
#avmModal .modal-body .text-dark,
#reportModal .modal-body .text-dark,
#searchModal .modal-body .text-dark,
#showingModal .modal-body .text-dark,
#termsModal .modal-body .text-dark,
#leadform .modal-body .text-dark,
#listingModal .modal-body .text-dark,
#modalSearchAjax .modal-body .text-dark,
#modalSearchForm .modal-body .text-dark {
  color: #1f2933 !important;
}

#home-value-modal .modal-body a,
#avmModal .modal-body a,
#reportModal .modal-body a,
#searchModal .modal-body a,
#showingModal .modal-body a,
#termsModal .modal-body a,
#leadform .modal-body a,
#listingModal .modal-body a,
#modalSearchAjax .modal-body a,
#modalSearchForm .modal-body a {
  color: #1d4f91 !important;
}

#home-value-modal .modal-body a:hover,
#avmModal .modal-body a:hover,
#reportModal .modal-body a:hover,
#searchModal .modal-body a:hover,
#showingModal .modal-body a:hover,
#termsModal .modal-body a:hover,
#leadform .modal-body a:hover,
#listingModal .modal-body a:hover,
#modalSearchAjax .modal-body a:hover,
#modalSearchForm .modal-body a:hover {
  color: #143969 !important;
}

/* Keep light modal headers readable */
#home-value-modal .modal-header h1,
#home-value-modal .modal-header h2,
#home-value-modal .modal-header h3,
#home-value-modal .modal-header h4,
#home-value-modal .modal-header h5,
#home-value-modal .modal-header h6,
#home-value-modal .modal-header .media-heading,
#reportModal .modal-header h1,
#reportModal .modal-header h2,
#reportModal .modal-header h3,
#reportModal .modal-header h4,
#reportModal .modal-header h5,
#reportModal .modal-header h6,
#reportModal .modal-header .media-heading,
#searchModal .modal-header h1,
#searchModal .modal-header h2,
#searchModal .modal-header h3,
#searchModal .modal-header h4,
#searchModal .modal-header h5,
#searchModal .modal-header h6,
#searchModal .modal-header .media-heading,
#showingModal .modal-header h1,
#showingModal .modal-header h2,
#showingModal .modal-header h3,
#showingModal .modal-header h4,
#showingModal .modal-header h5,
#showingModal .modal-header h6,
#showingModal .modal-header .media-heading,
#termsModal .modal-header h1,
#termsModal .modal-header h2,
#termsModal .modal-header h3,
#termsModal .modal-header h4,
#termsModal .modal-header h5,
#termsModal .modal-header h6,
#termsModal .modal-header .media-heading,
#leadform .modal-header h1,
#leadform .modal-header h2,
#leadform .modal-header h3,
#leadform .modal-header h4,
#leadform .modal-header h5,
#leadform .modal-header h6,
#leadform .modal-header .media-heading,
#listingModal .modal-header h1,
#listingModal .modal-header h2,
#listingModal .modal-header h3,
#listingModal .modal-header h4,
#listingModal .modal-header h5,
#listingModal .modal-header h6,
#listingModal .modal-header .media-heading,
#modalSearchAjax .modal-header h1,
#modalSearchAjax .modal-header h2,
#modalSearchAjax .modal-header h3,
#modalSearchAjax .modal-header h4,
#modalSearchAjax .modal-header h5,
#modalSearchAjax .modal-header h6,
#modalSearchAjax .modal-header .media-heading,
#modalSearchForm .modal-header h1,
#modalSearchForm .modal-header h2,
#modalSearchForm .modal-header h3,
#modalSearchForm .modal-header h4,
#modalSearchForm .modal-header h5,
#modalSearchForm .modal-header h6,
#modalSearchForm .modal-header .media-heading,
#avmModal .modal-header h1,
#avmModal .modal-header h2,
#avmModal .modal-header h3,
#avmModal .modal-header h4,
#avmModal .modal-header h5,
#avmModal .modal-header h6,
#avmModal .modal-header .media-heading {
  color: #1f2933 !important;
}

/* Prevent low-contrast secondary buttons in light modals */
#home-value-modal .modal-body .btn-secondary,
#home-value-modal .modal-body .btn.btn-secondary,
#home-value-modal .modal-body .btn-white,
#avmModal .modal-body .btn-secondary,
#avmModal .modal-body .btn.btn-secondary,
#avmModal .modal-body .btn-white,
#reportModal .modal-body .btn-secondary,
#reportModal .modal-body .btn.btn-secondary,
#reportModal .modal-body .btn-white,
#searchModal .modal-body .btn-secondary,
#searchModal .modal-body .btn.btn-secondary,
#searchModal .modal-body .btn-white,
#showingModal .modal-body .btn-secondary,
#showingModal .modal-body .btn.btn-secondary,
#showingModal .modal-body .btn-white,
#termsModal .modal-body .btn-secondary,
#termsModal .modal-body .btn.btn-secondary,
#termsModal .modal-body .btn-white,
#leadform .modal-body .btn-secondary,
#leadform .modal-body .btn.btn-secondary,
#leadform .modal-body .btn-white,
#listingModal .modal-body .btn-secondary,
#listingModal .modal-body .btn.btn-secondary,
#listingModal .modal-body .btn-white,
#modalSearchAjax .modal-body .btn-secondary,
#modalSearchAjax .modal-body .btn.btn-secondary,
#modalSearchAjax .modal-body .btn-white,
#modalSearchForm .modal-body .btn-secondary,
#modalSearchForm .modal-body .btn.btn-secondary,
#modalSearchForm .modal-body .btn-white {
  background-color: #f3f4f6 !important;
  color: #1f2933 !important;
  border-color: #cfd4da !important;
}

#home-value-modal .modal-body .btn-secondary:hover,
#home-value-modal .modal-body .btn.btn-secondary:hover,
#home-value-modal .modal-body .btn-white:hover,
#avmModal .modal-body .btn-secondary:hover,
#avmModal .modal-body .btn.btn-secondary:hover,
#avmModal .modal-body .btn-white:hover,
#reportModal .modal-body .btn-secondary:hover,
#reportModal .modal-body .btn.btn-secondary:hover,
#reportModal .modal-body .btn-white:hover,
#searchModal .modal-body .btn-secondary:hover,
#searchModal .modal-body .btn.btn-secondary:hover,
#searchModal .modal-body .btn-white:hover,
#showingModal .modal-body .btn-secondary:hover,
#showingModal .modal-body .btn.btn-secondary:hover,
#showingModal .modal-body .btn-white:hover,
#termsModal .modal-body .btn-secondary:hover,
#termsModal .modal-body .btn.btn-secondary:hover,
#termsModal .modal-body .btn-white:hover,
#leadform .modal-body .btn-secondary:hover,
#leadform .modal-body .btn.btn-secondary:hover,
#leadform .modal-body .btn-white:hover,
#listingModal .modal-body .btn-secondary:hover,
#listingModal .modal-body .btn.btn-secondary:hover,
#listingModal .modal-body .btn-white:hover,
#modalSearchAjax .modal-body .btn-secondary:hover,
#modalSearchAjax .modal-body .btn.btn-secondary:hover,
#modalSearchAjax .modal-body .btn-white:hover,
#modalSearchForm .modal-body .btn-secondary:hover,
#modalSearchForm .modal-body .btn.btn-secondary:hover,
#modalSearchForm .modal-body .btn-white:hover {
  background-color: #e7eaee !important;
  color: #111827 !important;
  border-color: #bcc3cc !important;
}

/* Signup modal uses dark card surfaces, so keep light text */
#signupModal .modal-body,
#signupModal .modal-body p,
#signupModal .modal-body li,
#signupModal .modal-body span,
#signupModal .modal-body label,
#signupModal .modal-body .form-info {
  color: var(--text-secondary) !important;
}

#signupModal .modal-body h1,
#signupModal .modal-body h2,
#signupModal .modal-body h3,
#signupModal .modal-body h4,
#signupModal .modal-body h5,
#signupModal .modal-body h6,
#signupModal .modal-body .lead {
  color: var(--text-primary) !important;
}

#signupModal .modal-body .text-dark {
  color: var(--text-secondary) !important;
}

#signupModal .modal-body a {
  color: var(--silver-light) !important;
}

#signupModal .modal-body a:hover {
  color: var(--accent-red) !important;
}