/* ==============================
   HS News V2 – Plugin Styling
   Ziel: lesbar (Ü60), ruhig, theme-unabhängig
   Scope: nur innerhalb .hs-news-block
   ============================== */

/* ------------------------------
   1) Basis / Reset
   ------------------------------ */

.hs-news-block,
.hs-news-block * {
  box-sizing: border-box;
}

/* Block reset (gegen Theme/Elementor Einzüge) */
.hs-news-block {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

/* Liste */
.hs-news-list {
  margin: 0;
  padding: 0;
}

/* Einzelnews (Standard-Ansicht) */
.hs-news-item {
  margin: 0 0 18px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Letztes Item: kein zusätzlicher Abstand */
.hs-news-item:last-child {
  margin-bottom: 0;
}

/* Titel: Theme Heading-Styles überschreiben */
.hs-news-block .hs-news-title {
  margin: 0 0 7px 0 !important;
  padding: 0 !important;

  font-size: 20px !important;
  line-height: 1.2 !important;

  text-transform: none !important;
  letter-spacing: normal !important;

  font-weight: 600 !important;
}

/* Body */
.hs-news-block .hs-news-body {
  margin: 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.5 !important;

  text-transform: none !important;
  letter-spacing: normal !important;
}

.hs-news-block .hs-news-body p {
  margin: 0 0 10px 0 !important;
}

/* Signatur unten rechts */
.hs-news-block .hs-news-signature {
  margin: 10px 0 0 0 !important;
  padding: 0 !important;

  text-align: right !important;
  font-style: italic !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  color: rgba(0, 0, 0, 0.60) !important;

  display: block !important;
}

/* Leerer Zustand / Fehler */
.hs-news-block .hs-news-empty,
.hs-news-block .hs-news-error {
  margin: 0;
  padding: 10px 0;
  font-size: 15px;
}

/* ------------------------------
   2) Responsive (Basis)
   ------------------------------ */

@media (max-width: 767px) {
  .hs-news-block .hs-news-title { font-size: 16px !important; }
  .hs-news-block .hs-news-body { font-size: 12px !important; }
  .hs-news-block .hs-news-signature { font-size: 10px !important; }
}

/* ==============================
   3) Sonderrechte-Block "Overview"
   (Interne News-Übersicht)
   ============================== */

/* Wichtig: diese Werte steuern auch die "full width"-Linien */
:root {
  --hs-news-overview-pad-x: 32px;
  --hs-news-overview-pad-y: 28px;
}

/* Rahmen NUR um den Sonder-Newsblock */
.hs-news-block--overview {
  border: 1px solid rgba(31, 58, 104, 0.25);
  border-radius: 14px;

  padding: var(--hs-news-overview-pad-y) var(--hs-news-overview-pad-x);
  margin: 0 0 32px 0;

  background: #ffffff;
}

/* Titel der Übersicht */
.hs-news-block--overview .hs-news-overview-title {
  margin: 0 0 26px 0 !important;
  padding: 0 0 12px 0 !important;

  /* bei dir bewusst "0px" -> behalten */
  border-bottom: 0px solid rgba(0, 0, 0, 0.12);

  font-size: 30px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
}

/* News innerhalb der Übersicht: deine Werte beibehalten */
.hs-news-block--overview .hs-news-item {
  margin: 0 0 18px 0;
  padding: 0 0 16px 0;

  /* bei dir bewusst 0px dashed -> behalten */
  border-bottom: 0px dashed rgba(0, 0, 0, 0.10);
}

.hs-news-block--overview .hs-news-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Zwischenüberschrift (TEAM KLINIK / TEAM REGIONAL etc.)
   + Linien oben & unten bis an den Blockrand (innen) */
.hs-news-block--overview .hs-news-overview-group {
  position: relative;

  /* überbrückt das Padding des Overview-Blocks links/rechts */
  margin: 48px calc(var(--hs-news-overview-pad-x) * -1) 32px calc(var(--hs-news-overview-pad-x) * -1) !important;

  /* Text wieder sauber eingerückt */
  padding: 14px var(--hs-news-overview-pad-x) !important;

  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;

  color: #396397 !important;

  /* alte border-bottom-Variante sicher neutralisieren */
  border: 0 !important;
}

/* Linien oben/unten */
.hs-news-block--overview .hs-news-overview-group::before,
.hs-news-block--overview .hs-news-overview-group::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(31, 58, 104, 0.25);
}

.hs-news-block--overview .hs-news-overview-group::before { top: 0; }
.hs-news-block--overview .hs-news-overview-group::after  { bottom: 0; }

/* Responsive: Übersichtstitel & Gruppen kleiner */
@media (max-width: 767px) {
  .hs-news-block--overview .hs-news-overview-title { font-size: 20px !important; }
  .hs-news-block--overview .hs-news-overview-group { font-size: 16px !important; }
}