/* Siehe Separator_Field in ehqo-acf.php - rein optischer "Trennlinie"-
   Feldtyp. Eine echte Linie (Rahmenlinie statt <hr>, damit die optionale
   Beschriftung mittig darauf sitzen kann) mit dem Text als Flex-Item in
   der Mitte, davor/danach je eine flexible Linie, die den restlichen
   Platz gleichmäßig füllt. */
.ehqo-acf-separator {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 1px;
}
.ehqo-acf-separator::before,
.ehqo-acf-separator::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #dcdcde;
}
.ehqo-acf-separator__text {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #646970;
}
/* Ohne Beschriftung reicht eine einzelne durchgehende Linie - kein Grund
   für eine sichtbare Lücke in der Mitte (dort läge sonst normalerweise
   das leere ".ehqo-acf-separator__text"-Element). */
.ehqo-acf-separator:not(:has(.ehqo-acf-separator__text))::before {
  flex-basis: 100%;
}