/* ==========================================================================
   Stellenanzeigen – Brücke vom Shortcode ins Karriere-Design

   Die Anzeigen kamen früher als je ein Divi-Textmodul in der Spalte
   .ka-positions-list; dort lieferte die Spalte selbst Flexbox und Abstand.
   Jetzt steckt die ganze Liste in einem Codemodul, also bringt der Shortcode
   seine eigene Liste mit.
   ========================================================================== */

.ka-stellen-liste {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Divi hängt an jedes Modul einen unteren Abstand. */
body.cl-divi-rebuild .ka-positions-list > .et_pb_code.ka-positions-mod {
	margin: 0 !important;
}

/* Der Klappgriff ist ein <button>: Divi/Browser-Grundstile für Buttons
   zurücknehmen, sonst sitzt in der Karte plötzlich ein gerahmter Knopf. */
body.cl-divi-rebuild .ka-stellen-liste .ka-position-header {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: 1.4;
}

/* Reveal ohne opacity: fällt der IntersectionObserver aus, wäre eine
   Stellenanzeige sonst unsichtbar. Die Bewegung bleibt. */
.ka-stellen-liste .ka-position.ka-reveal {
	opacity: 1;
}

/* Der Fließtext kommt aus dem Editor. Ein letzter Absatz vor dem Button darf
   seinen Abstand behalten, Divis p:last-of-type-Regel nimmt ihn sonst weg. */
body.cl-divi-rebuild .ka-position-content p:last-of-type {
	padding-bottom: 0;
}

body.cl-divi-rebuild .ka-position-content > *:last-child {
	margin-bottom: 0;
}

/* Hinweis für Redakteure, wenn noch keine Anzeige veröffentlicht ist. */
.ka-stellen-leer {
	margin: 0;
	padding: 24px 28px;
	background: var(--ka-white);
	border: 1px dashed var(--ka-border);
	border-radius: var(--ka-radius-sm);
	color: var(--ka-muted);
	font-size: 15px;
}