/* ============================================================
   RealDomainSearch — Generator page polished UI
   ============================================================ */
.generator-form {
  max-width: 720px;
  margin: 0 auto;
  background: #fff !important;
  border: 1px solid rgba(0,194,168,.35) !important;
  border-radius: 18px !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  box-shadow: 0 18px 56px rgba(15,43,91,.10) !important;
}
.generator-form .input-group,
.generator-form .search-input-group {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}
.generator-form input[type="text"],
.generator-form .form-control[type="text"] {
  flex: 1 1 auto;
}
.generator-form .btn,
.generator-form button[type="submit"] {
  min-height: 48px;
  border-radius: 10px !important;
  padding: .65rem 1rem !important;
  align-self: stretch;
}
.generator-options,
.generator-form .options-group,
.generator-form .checkbox-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: 10px 18px;
  margin-top: 16px;
}
.generator-form label,
.generator-form .form-check-label {
  color: var(--text) !important;
  font-weight: 500;
}
.step-box {
  border-radius: 18px !important;
  padding: 1.4rem !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(15,43,91,.10) !important;
  box-shadow: 0 8px 28px rgba(15,43,91,.08) !important;
}
.step-number {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(0,194,168,.12) !important;
  color: var(--accent-dark) !important;
  border: 1px solid rgba(0,194,168,.25) !important;
  font-weight: 800 !important;
  margin-bottom: .75rem !important;
}
.feature-item {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-bottom: 1.35rem !important;
}
.feature-item .feature-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(0,194,168,.12) !important;
  color: var(--accent-dark) !important;
  border: 1px solid rgba(0,194,168,.25) !important;
}
.feature-item .feature-content,
.feature-item .feature-title,
.feature-item .feature-description { min-width: 0; }
.generator-features-image,
.generator-image,
img[src$="domain-generator-features.svg"],
img[src$="domain-generator.svg"] {
  display: none !important;
}
.generator-result {
  background: #fff !important;
  border: 1px solid rgba(15,43,91,.12) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin-bottom: 10px !important;
  display: flex; justify-content: space-between; align-items: center;
  box-shadow: 0 4px 14px rgba(15,43,91,.06);
}
.generator-result .domain { font-weight: 800; color: var(--primary) !important; }
.generator-result .availability { font-size: .85rem; }
html[data-theme="dark"] .generator-form,
html[data-theme="dark"] .step-box,
html[data-theme="dark"] .generator-result {
  background: var(--ids-panel) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .generator-form label,
html[data-theme="dark"] .generator-form .form-check-label,
html[data-theme="dark"] .generator-result .domain { color: var(--ids-text) !important; }
html[data-theme="dark"] .step-number,
html[data-theme="dark"] .feature-item .feature-icon {
  background: rgba(168,85,247,.14) !important;
  color: #F7F7F8 !important;
  border-color: rgba(168,85,247,.38) !important;
}
@media (max-width: 575.98px) {
  .generator-form .input-group,
  .generator-form .search-input-group { flex-direction: column; }
  .generator-form .btn,
  .generator-form button[type="submit"] { width: 100%; justify-content: center; }
  .generator-options,
  .generator-form .options-group,
  .generator-form .checkbox-group { grid-template-columns: 1fr; }
}


/* Shared form-control/select visibility fix */
.generator-form .form-control,
.generator-form select.form-control,
.auctions-filter .form-control,
.auctions-filter select.form-control,
.premium-filter .form-control,
.premium-filter select.form-control,
.filter-form .form-control,
.filter-form select.form-control {
  min-height: 48px !important;
  height: auto !important;
  line-height: 1.45 !important;
  padding: .65rem .9rem !important;
  color: var(--text) !important;
  background-color: #fff !important;
  border: 2px solid #D4DDEF !important;
  border-radius: 10px !important;
}
.generator-form select.form-control,
.auctions-filter select.form-control,
.premium-filter select.form-control,
.filter-form select.form-control {
  padding-right: 2.5rem !important;
}
html[data-theme="dark"] .generator-form .form-control,
html[data-theme="dark"] .generator-form select.form-control,
html[data-theme="dark"] .auctions-filter .form-control,
html[data-theme="dark"] .auctions-filter select.form-control,
html[data-theme="dark"] .premium-filter .form-control,
html[data-theme="dark"] .premium-filter select.form-control,
html[data-theme="dark"] .filter-form .form-control,
html[data-theme="dark"] .filter-form select.form-control {
  color: var(--ids-text) !important;
  background-color: #101010 !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* Final generator hero form fix: actual form uses #generator-form.search-form */
#generator-form.search-form {
  max-width: 720px !important;
  margin: 1.8rem auto 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,194,168,.35) !important;
  border-radius: 18px !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  box-shadow: 0 18px 56px rgba(15,43,91,.10) !important;
}
#generator-form .search-input-group {
  display: flex !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-bottom: 14px !important;
}
#generator-form .search-input,
#generator-form .search-btn,
#generator-form select.form-control {
  min-height: 48px !important;
  height: auto !important;
  line-height: 1.45 !important;
}
#generator-form select.form-control {
  width: 100% !important;
  padding: .65rem 2.5rem .65rem .9rem !important;
  color: var(--text) !important;
  background-color: #fff !important;
  border: 2px solid #D4DDEF !important;
  border-radius: 10px !important;
  overflow: visible !important;
}
#generator-form .generator-options {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 0 !important;
}
#generator-form .option-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  gap: 10px 16px !important;
}
#generator-form .option-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--text) !important;
}
.generator-features-image,
.features-image,
.generator-image,
.auction-tips-image,
.premium-domains-image,
img[src*="domain-generator-features"],
img[src*="domain-generator.svg"],
img[src*="auction-tips"],
img[src*="premium-domains-benefits"] {
  display: none !important;
}
html[data-theme="dark"] #generator-form.search-form {
  background: var(--ids-panel) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #generator-form select.form-control {
  color: var(--ids-text) !important;
  background-color: #101010 !important;
  border-color: rgba(255,255,255,.16) !important;
}
html[data-theme="dark"] #generator-form .option-item,
html[data-theme="dark"] #generator-form label {
  color: var(--ids-text) !important;
}
@media (max-width: 575.98px) {
  #generator-form .search-input-group { flex-direction: column !important; }
  #generator-form .search-btn { width: 100% !important; justify-content: center !important; }
  #generator-form .option-items { grid-template-columns: 1fr !important; }
}