/* ============================================================
   Specific Newsroom Widget  –  .blaek-snw
   Mirrors the "Aktuelles zu Weiterbildung" list from the screenshot.
   ============================================================ */

.blaek-snw {
  width: 100%;
}

/* ── Widget title ─────────────────────────────────────────── */
.blaek-snw__widget-title {
  margin: 0;
  padding: 40px;
  line-height: 1.25;
}

/* ── List ────────────────────────────────────────────────── */
.blaek-snw__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Single post item ───────────────────────────────────────
   Each item has a top border (like the screenshot rows).
   The last item keeps its bottom border via the outer wrapper
   border if set, but by default no bottom border is added.   */
.blaek-snw__item {
  padding: 20px 40px 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s ease;
}

.blaek-snw__item:hover {
  background-color: rgba(110, 120, 130, 0.15);
}

.blaek-snw__item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* ── Date ────────────────────────────────────────────────── */
.blaek-snw__date {
  font-size: inherit;
  color: #555;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* ── Post title ──────────────────────────────────────────── */
.blaek-snw__post-title {
  margin: 0 0 20px 0;
  line-height: 1.35;
  font-size: inherit;
}

.blaek-snw__post-title-link {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #14466e;
  transition: color 0.2s ease;
}

.blaek-snw__post-title-link:hover {
  text-decoration: underline;
  color: #0d2f4e;
}

/* chevron / arrow prefix */
.blaek-snw__title-arrow {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  margin-right: 8px;
  line-height: 1;
  color: inherit;
  position: relative;
  bottom: -2px;
}

.blaek-snw__title-arrow svg {
  display: block;
  flex-shrink: 0;
  width: 5px;
  height: 10px;
}

/* ── Excerpt ─────────────────────────────────────────────── */
.blaek-snw__excerpt {
  font-size: inherit;
  color: #333;
  line-height: 1.55;
  margin-bottom: 0;
}

/* ── File attachments ────────────────────────────────────── */
.blaek-snw__attachments {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blaek-snw__attachment-item {
  display: flex;
}

.blaek-snw__attachment-link {
  display: inline-flex;
  align-items: flex-start;
  gap: 20px;
  font-size: inherit;
  color: #14466e;
  text-decoration: none;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.blaek-snw__attachment-link:hover {
  color: #0d2f4e;
  text-decoration: none;
}

.blaek-snw__attachment-link:hover .blaek-snw__attachment-text,
.blaek-snw__attachment-link:focus .blaek-snw__attachment-text {
  text-decoration: underline;
}

.blaek-snw__attachment-icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  color: inherit;
  bottom: -5.5px;
  position: relative;
}

.blaek-snw__attachment-icon svg {
  display: block;
}

.blaek-snw__attachment-label {
  /* nothing extra – inherits link styles */
}

.blaek-snw__attachment-meta {
  color: inherit;
  font-size: inherit;
  white-space: nowrap;
}

/* ── Weitere Anzeigen button ─────────────────────────────── */
.blaek-snw__weitere-wrap {
  margin-top: 0;
}

.blaek-snw__weitere-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: inherit;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #14466e;
  text-decoration: none;
  transition: color 0.2s ease;
}

.blaek-snw__weitere-button:hover {
  color: #0d2f4e;
  text-decoration: none;
}

.blaek-snw__weitere-button-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: inherit;
  color: inherit;
  position: relative;
  bottom: -1.5px;
}

.blaek-snw__weitere-button-icon svg {
  width: 12px;
  height: 12px;
  display: block;
  fill: currentColor;
}

.blaek-snw__weitere-button-text {
  /* inherits from button */
  position: relative;
  bottom: -1.5px;
}

/* Widget spacing – margin top for non-first-child instances */
.elementor-widget-blaek-specific-newsroom-widget:not(:first-child) {
  margin-top: 40px;
}

.elementor-widget-blaek-specific-newsroom-widget > .elementor-widget-container {
  background-color: var(--e-global-color-31ee0be, #ffffffcc);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
