/**
 * Lovishost — WHMCS Nexus Theme (custom.css)
 * Kopieren nach: {WHMCS}/templates/nexus/css/custom.css
 * Oder Child-Theme „lovishost“ mit parent: nexus
 *
 * Farben wie lovishost.com / public/
 */
:root {
  --lh-navy: #002d5b;
  --lh-navy-dark: #001a38;
  --lh-cyan: #0da6e0;
  --lh-cyan-hover: #0891c4;
  --lh-bg: #f5f7fa;
  --lh-border: #e2e8f0;

  /* Markenfarben statt Neutral-Grau als Primary */
  --primary: var(--lh-navy);
  --primary-lifted: var(--lh-navy-dark);
  --primary-accented: #003d8f;

  --info: var(--lh-cyan);
  --info-lifted: var(--lh-cyan-hover);
  --info-accented: #0891c4;

  /* Domain-Held (WHMCS nutzt Gelb) → dezentes Grau wie Website */
  --yellow-200: #f5f7fa;
  --yellow-300: #e8eef4;

  --bg-muted: #f8fafc;
  --border-muted: var(--lh-border);
  --rounding-md: 0.375rem;
  --rounding-lg: 0.375rem;
  --lh-domain-max: 32rem;
}

/* ── Domainregistrierung: kein Gelb-Gradient, kein Globus-Deko ── */
[class*="domain-search"],
[class*="DomainSearch"],
[class*="domain-registration"],
[class*="register-domain"],
[class*="RegisterDomain"],
.domain-registration,
#registration,
main section:first-of-type {
  /* Nur Hero-Bereiche mit starkem Gelb neutralisieren */
}

/* Hero / Banner mit Gelbverlauf (Nexus SPA + ältere Seiten) */
[style*="fff085"],
[style*="ffdf20"],
[style*="linear-gradient"][style*="yellow"],
.domain-lookup-bg,
.domain-search-hero,
.hero-domain,
.spotlight-tlds-hero {
  background: var(--lh-bg) !important;
  background-image: none !important;
}

/* Fallback: gelbe Flächen im Domain-Bereich */
body[class*="domain"] [class*="hero"],
body[class*="domain"] [class*="banner"],
body[class*="domain"] [class*="search-panel"],
#app [class*="hero"],
#app [class*="DomainSearch"] > div:first-child {
  background: var(--lh-bg) !important;
  background-image: none !important;
}

/* Dekorative Globus-/Illustrationen ausblenden */
[class*="domain"] svg[class*="globe"],
[class*="domain"] [class*="illustration"],
[class*="DomainSearch"] [class*="graphic"],
[class*="domain-search"] img[alt*="globe" i],
[class*="hero"] > svg:last-child {
  display: none !important;
}

/* Überschriften wie Marketing-Seite */
h1,
[class*="page-title"],
[class*="PageTitle"] {
  color: var(--lh-navy) !important;
  font-weight: 700 !important;
}

/* ── Domain-Suche: klein, eckig, eine Zeile (Wunschdomain) ── */
[class*="DomainSearch"] form,
[class*="domain"] form,
[class*="domain-search"] form,
.domain-checker-container form,
.domain-checker-container .input-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  max-width: var(--lh-domain-max) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Doppelte Rahmen / verschachtelte Pillen entfernen */
[class*="DomainSearch"] form > div,
[class*="DomainSearch"] form > *,
[class*="domain"] form > div,
[class*="domain-search"] form > div {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

[class*="domain"] textarea,
[class*="domain"] input[type="text"],
[class*="DomainSearch"] textarea,
[class*="DomainSearch"] input[type="text"],
[class*="DomainSearch"] input,
.domain-checker-container .form-control {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  max-height: 2.5rem !important;
  resize: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 1px solid var(--lh-border) !important;
  border-radius: var(--rounding-md) !important;
  box-shadow: none !important;
  background: #fff !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 0.9375rem !important;
  line-height: 1.4 !important;
}

.domain-checker-container .input-group {
  flex: 1 1 12rem !important;
}

/* Suchen-Button: eckig, kompakt */
[class*="domain"] button[type="submit"],
[class*="DomainSearch"] button[type="submit"],
[class*="domain"] .btn-primary,
.domain-checker-container .btn-primary,
.domain-checker-container .btn {
  background: var(--lh-cyan) !important;
  border: 1px solid var(--lh-cyan) !important;
  color: #fff !important;
  border-radius: var(--rounding-md) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  height: 2.5rem !important;
  padding: 0 1rem !important;
  flex-shrink: 0 !important;
  align-self: flex-start !important;
}

[class*="domain"] button[type="submit"]:hover,
[class*="DomainSearch"] button[type="submit"]:hover,
.domain-checker-container .btn-primary:hover,
.domain-checker-container .btn:hover {
  background: var(--lh-cyan-hover) !important;
  border-color: var(--lh-cyan-hover) !important;
}

/* KI-Sparkle am Button aus */
[class*="domain"] button svg,
[class*="DomainSearch"] button svg,
[class*="DomainSearch"] button [class*="magic"] {
  display: none !important;
}

/* Filter-Zeile (TLDs, Länge) dezenter unter dem Feld */
[class*="DomainSearch"] [class*="filter"],
[class*="DomainSearch"] select,
[class*="domain"] select {
  font-size: 0.8125rem !important;
  border-radius: var(--rounding-md) !important;
}

/* TLD-Tabelle / Kategorien: sachliche Karten */
table,
[class*="table"] {
  border-color: var(--lh-border) !important;
}

[class*="tab"][aria-selected="true"],
.nav-tabs .active {
  color: var(--lh-cyan) !important;
  border-color: var(--lh-cyan) !important;
}

/* Buttons global */
.btn-primary,
button.btn-primary {
  background: var(--lh-cyan) !important;
  border-color: var(--lh-cyan) !important;
}

.btn-primary:hover {
  background: var(--lh-cyan-hover) !important;
  border-color: var(--lh-cyan-hover) !important;
}