/* ===================================================================
   Astromantie Kombin - NUR Ergaenzungen zur bestehenden radix-style.css
   (die bleibt unveraendert). Alles auf #astromantie-radix-widget
   gescoped, damit ausserhalb des Widgets nichts passiert.
   =================================================================== */

/* Personenblock: gleicher vertikaler Rhythmus wie .form-section der
   Radix-Seite (dort sind die Zeilen DIREKTE Flex-Kinder mit gap 18px;
   hier liegen sie eine Ebene tiefer und brauchen den Gap selbst). */
#astromantie-radix-widget .kombin-person {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Personen-Ueberschrift ("Person A" / "Person B") im Formular */
#astromantie-radix-widget .kombin-person-label {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--astro-gold, #e8c96a);
  margin: 0;
}

/* Abstand zwischen den beiden Personenbloecken (der Flex-Gap der
   .form-section liefert bereits 18px; hier nur Trennlinie + Luft) */
#astromantie-radix-widget .kombin-person + .kombin-person {
  margin-top: 8px;
  padding-top: 24px;
  border-top: 1px solid rgba(232, 201, 106, 0.18);
}

/* Leeres Zeitzonen-Feld erzeugt sonst einen doppelten Gap am Blockende */
#astromantie-radix-widget .kombin-person .form-field:has(> .tz-info:empty) {
  display: none;
}

/* Datenschutz-Zeile direkt unter dem Berechnen-Button - gleicher Stil
   wie .form-hint, nur zentriert und etwas dichter am Button */
#astromantie-radix-widget .kombin-privacy-hint {
  display: block;
  text-align: center;
  margin: -6px 0 0;
}

/* Ergebnis-Kopf: "Kombin von A & B" + Weltzeit-Zeile */
#astromantie-radix-widget .kombin-result-title {
  font-family: 'Cinzel', serif;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: var(--astro-gold, #e8c96a);
  margin: 26px 0 8px;
  letter-spacing: 0.04em;
}

#astromantie-radix-widget .kombin-mid-line {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 6px;
}
body.astro-light-theme #astromantie-radix-widget .kombin-mid-line {
  color: rgba(42, 32, 24, 0.75);
}

/* Hinweis bei unbekannter Geburtszeit - gleicher ruhiger Gold-Stil
   wie der Whole-Sign-Fallback-Banner des Radix */
#astromantie-radix-widget .kombin-time-hint {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  margin: 10px auto 0;
  max-width: 640px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(232, 201, 106, 0.08);
  border: 1px solid rgba(232, 201, 106, 0.25);
  color: inherit;
}

@media (max-width: 600px) {
  #astromantie-radix-widget .kombin-result-title { font-size: 20px; }
  #astromantie-radix-widget .kombin-mid-line { font-size: 13px; padding: 0 8px; }
  #astromantie-radix-widget .kombin-person + .kombin-person {
    margin-top: 4px;
    padding-top: 20px;
  }
  /* Mobil stapeln die form-rows einspaltig; deren interner Gap (14px)
     wuerde vom 18px-Blockrhythmus abweichen -> vereinheitlichen. */
  #astromantie-radix-widget .kombin-person .form-row {
    gap: 18px;
  }
}