/* Siehe TrueFalse_Inline_Label in ehqo-acf.php - "Label neben dem Schalter
   anzeigen"-Einstellung (Registerkarte Präsentation, nur True/False-Felder):
   Ziel-Layout ist eine 2-Spalten-Anordnung - links der Schalter (über die
   volle Höhe vertikal zentriert), rechts daneben das Feld-Label (fett,
   oben) und direkt darunter die evtl. hinterlegte "Nachricht" (message),
   die ACF ohnehin schon neben dem Schalter zeigt - Label und Message also
   zusammen untereinander in derselben rechten Spalte statt das Label als
   dritter, unverbundener Block irgendwo daneben.

   Label (".acf-label") und Message (".message") liegen im ACF-Markup nicht
   nebeneinander im DOM, sondern in unterschiedlichen Verschachtelungs-
   ebenen (".acf-label" ist Geschwister von ".acf-input", ".message" sitzt
   dagegen tief in ".acf-input" > ".acf-true-false" > "label" - ACFs
   eigentliche Wrapper-Klasse heißt ".acf-true-false", NICHT
   ".acf-true-false-wrap"; per "acf_render_field_wrap()" auf der echten
   Feld-Definition verifiziert). Damit trotzdem ein gemeinsames 2-Spalten-
   Grid entsteht, werden die dazwischenliegenden Wrapper per
   "display:contents" aus dem Box-Modell genommen (bleiben im DOM/für
   Klicks/Tab-Reihenfolge erhalten, geben ihre Kinder aber direkt als
   Grid-Items an den äußeren Grid-Container weiter), sodass Schalter,
   Label und Message direkt per grid-column/-row positioniert werden
   können - unabhängig von ihrer tatsächlichen DOM-Verschachtelung. */
.acf-field.ehqo-acf-tf-inline-label {
  display: grid !important;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 2px;
  align-items: start;
}
.acf-field.ehqo-acf-tf-inline-label > .acf-input,
.acf-field.ehqo-acf-tf-inline-label .acf-true-false,
.acf-field.ehqo-acf-tf-inline-label .acf-true-false > label {
  /* "!important" nötig - pro-child/style.css setzt auf
     ".acf-true-false label:has(.acf-switch)" ebenfalls "display:flex
     !important" (fürs Nebeneinander von Schalter+Message ohne dieses
     Inline-Label-Feature); bei gleicher Gewichtung gewinnt sonst die
     Theme-Regel unabhängig von Spezifität/Ladereihenfolge. */
  display: contents !important;
}
.acf-field.ehqo-acf-tf-inline-label .acf-switch {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
}
.acf-field.ehqo-acf-tf-inline-label > .acf-label {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
}
.acf-field.ehqo-acf-tf-inline-label .message {
  grid-column: 2;
  grid-row: 2;
}
