/*
 * HorizonForms - Akzentstreifen (gemeinsames Verhalten "Streifen").
 *
 * Als eigene Datei statt als <style> im Markup. Vorher gab HF::streifen() den
 * Stil GENAU EINMAL je Seitenaufruf aus, gesteuert von einem statischen
 * Schalter. Wer ihn ausgab, entschied die Reihenfolge der Elemente - und wenn
 * dieses eine Mal in einem Ausgabepuffer landete, der spaeter verworfen wird
 * (Karte, Zellen der Listenansicht, Wiederholbereich), war der Stil weg. Die
 * Klassen standen dann im Markup, der Streifen erschien aber nirgends.
 *
 * Ueberschrieben wird EINE Kante des vorhandenen Rahmens, statt einen zweiten
 * Kasten zu zeichnen - sonst staende bei "Links" eine doppelte Linie.
 *
 * hui setzt an .hui grundsaetzlich "border:0 solid var(--grey)" und schaltet
 * ueber .bordered nur die BREITE ein. Deshalb genuegt es hier ebenfalls,
 * Breite, Farbe und Art der einen Kante zu setzen.
 */
/*
 * ZWEI Selektoren je Seite, und das mit Absicht.
 *
 * hui setzt an ".hui" grundsaetzlich "border:0 solid var(--grey)" - dieselbe
 * Spezifitaet wie ".hf-streifen-links" (beide 0-1-0). Wer gewinnt, entscheidet
 * dann allein die Ladereihenfolge, und die ist nicht in unserer Hand: Ein
 * Stylesheet im Kopf, ein anderes im Rumpf, ein Theme dazwischen.
 *
 * DREI Stufen, jede mit einem Grund:
 *
 *   .hf-streifen-links                                 0-1-0  Klasse allein,
 *        etwa wenn jemand sie von Hand vergibt.
 *   .hf-streifen.hf-streifen-links                     0-2-0  schlaegt ".hui",
 *        das grundsaetzlich "border:0 solid" setzt.
 *   .hf-streifen.hf-streifen-links.hf-streifen-links   0-3-0  schlaegt
 *        ".htk-s-forms .hui.segment" aus HorizonTheme, das an derselben Kante
 *        seinen EIGENEN Streifen setzt.
 *
 * Eine Klasse zweimal zu nennen ist zulaessig und aendert nur das Gewicht,
 * nicht die Auswahl - der uebliche Weg, ohne !important auszukommen.
 *
 * Fuer die Seite LINKS ist das nur die Rueckfallebene: Dort werden
 * zusaetzlich die Variablen des Themes gesetzt (--htkf-streifen), damit
 * dessen eigene Regel unseren Streifen zeichnet, statt dass zwei Regeln um
 * dieselbe Kante streiten. Siehe HF::streifen().
 */
.hf-streifen{--hfs-breite:4px}

/*
 * Der Ersatzwert 4px steht ABSICHTLICH auch hier, nicht nur an .hf-streifen.
 * Faellt die Grundklasse einmal weg - etwa weil ein Element seine Klassenliste
 * selbst zusammenbaut -, waere var(--hfs-breite) sonst ungueltig, und die
 * ganze Deklaration fiele aus. Ein Streifen ohne Breite ist kein Streifen.
 */
.hf-streifen.hf-streifen-links.hf-streifen-links,
.hf-streifen.hf-streifen-links,
.hf-streifen-links{
	border-left-width:var(--hfs-breite, 4px);
	border-left-color:var(--hfs-farbe, var(--htkf-akzent, currentColor));
	border-left-style:var(--hfs-stil, solid);
}
.hf-streifen.hf-streifen-rechts.hf-streifen-rechts,
.hf-streifen.hf-streifen-rechts,
.hf-streifen-rechts{
	border-right-width:var(--hfs-breite, 4px);
	border-right-color:var(--hfs-farbe, var(--htkf-akzent, currentColor));
	border-right-style:var(--hfs-stil, solid);
}
.hf-streifen.hf-streifen-oben.hf-streifen-oben,
.hf-streifen.hf-streifen-oben,
.hf-streifen-oben{
	border-top-width:var(--hfs-breite, 4px);
	border-top-color:var(--hfs-farbe, var(--htkf-akzent, currentColor));
	border-top-style:var(--hfs-stil, solid);
}
.hf-streifen.hf-streifen-unten.hf-streifen-unten,
.hf-streifen.hf-streifen-unten,
.hf-streifen-unten{
	border-bottom-width:var(--hfs-breite, 4px);
	border-bottom-color:var(--hfs-farbe, var(--htkf-akzent, currentColor));
	border-bottom-style:var(--hfs-stil, solid);
}
.hf-streifen.hf-streifen-rundum.hf-streifen-rundum,
.hf-streifen.hf-streifen-rundum,
.hf-streifen-rundum{
	border-width:var(--hfs-breite, 4px);
	border-color:var(--hfs-farbe, var(--htkf-akzent, currentColor));
	border-style:var(--hfs-stil, solid);
}