/* Vakanzen-Liste (Divi-Modul "et_pb_vakanzen_liste", Karriere-Seite).
   Styling an die Referenz-Vorlage ("Sallier Karriere.html" im Projektordner) angeglichen:
   Liste offener Stellen mit dünnen Trennlinien, "Jetzt bewerben"-Button pro Zeile.
   Überschrift und die Initiativbewerbungs-Box werden bewusst separat im Builder gestaltet
   und sind nicht Teil dieses Moduls. */

/* Abstand zwischen der Überschrift "Offene Stellen" und der Liste an den Abstand zwischen
   Überschrift und Kartenraster im Projekt-Grid angeglichen (dort "gap:24px", siehe
   projekt-grid.css). Überschrift und Liste liegen in zwei separaten Reihen derselben Sektion —
   der Divi-Builder setzt dafür standardmäßig einen deutlich größeren Reihen-Abstand (60px).
   Über ":has()" gefunden statt über Divis nummerierte Klasse (".et_pb_section_0"), da sich die
   Nummerierung ändert, sobald im Builder etwas hinzugefügt/entfernt wird. */
.et_pb_section:has(.vakanzen-liste-zeilen) {
	row-gap: 24px !important;
}

/* Liste: dünne Trennlinien zwischen den Zeilen — "border-top" auf dem Container plus
   "border-bottom" je Zeile ergibt zusammen eine durchgehende Linie zwischen allen
   Einträgen, ohne doppelte Linie zwischen zwei Zeilen. */
.vakanzen-liste-zeilen {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--border-default);
}

/* Padding von 24px auf 10px reduziert — an die Fakten-/Termine-Zeilen im Projekt-Template
   angeglichen (siehe ".projekt-fakten .et_pb_row_nested" bzw. ".projektseite-termine-zeile" in
   projektseite.css, beide nutzen durchgängig "10px 0"), statt eines eigenen, größeren Werts nur
   für diese Liste. */
.vakanzen-liste-zeile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 10px 0;
	border-bottom: 1px solid var(--border-default);
}

.vakanzen-liste-info {
	min-width: 0;
}

/* Schrift/Farbe/Link-Verhalten kommen vollständig von der globalen h3-Regel (style.css, aktuell
   24px/semibold/Navy) — keine eigene Regel hier nötig. */

.vakanzen-liste-angaben {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0;
	font-family: var(--font-body);
	font-weight: var(--weight-light);
	font-size: 18px;
	letter-spacing: var(--tracking-wide);
	text-transform: none;
	color: var(--color-text);
}

.vakanzen-liste-trenner {
	opacity: 0.6;
}

/* Farbe/Hover/Schrift/Padding kommen vom globalen ".et_pb_button"-Stil (siehe style.css) —
   hier nur noch reine Layout-Eigenschaften für die Position in der Listenzeile. */
.vakanzen-liste-bewerben {
	flex-shrink: 0;
	white-space: nowrap;
}

.vakanzen-liste-leer {
	font-family: var(--font-body);
	font-weight: var(--weight-light);
	color: var(--color-text);
}

/* Kein border-top wenn nur der Leer-Text vorhanden ist */
.vakanzen-liste-zeilen:has(> .vakanzen-liste-leer) {
	border-top: none !important;
}

@media (max-width: 600px) {
	.vakanzen-liste-zeile {
		flex-wrap: wrap;
	}
}