/* ============================================================
   BKS24 Redesign — Member Directory (directory-list / directory-item)
   Quelle: Mitglieder der BKS #4343 (Firmenname + Mitgliedsart + Beschreibung
   + Website). Redesign-Liste; alternativ darf das bestehende Accordion-Plugin
   bleiben — dann in .directory-accordion wrappen (Styling unten).
   ALLE Regeln unter .bks-rd gescoped (Vertrag §6).
   ============================================================ */

.bks-rd .directory-list {
  border-top: 1px solid var(--hairline);
}

.bks-rd .directory-item {
  padding: 26px 0;
  border-bottom: 1px solid var(--hairline);
}

.bks-rd .directory-item__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}

.bks-rd .directory-item__name {
  font-size: 18px;
  line-height: 1.3;
  color: var(--ink);
  margin: 0;
}

.bks-rd .directory-item__tag {
  margin: 0;
  align-self: center;
}

.bks-rd .directory-item__desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--grey-700);
  margin: 0;
  max-width: 80ch;
}
.bks-rd .directory-item__desc a {
  color: var(--bks-blue);
  text-decoration: none;
  word-break: break-word;
}
.bks-rd .directory-item__desc a:hover { text-decoration: underline; }

/* Optional: Spaltenraster für reine Namenslisten (ohne Beschreibung) */
.bks-rd .directory-list--columns {
  border-top: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 40px;
}
.bks-rd .directory-list--columns .directory-item { padding: 14px 0; }
.bks-rd .directory-list--columns .directory-item__desc { display: none; }
@media (max-width: 880px) { .bks-rd .directory-list--columns { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bks-rd .directory-list--columns { grid-template-columns: 1fr; } }

/* ---- Redesign-Skin für das bestehende Accordion-Plugin (aab/group-accordion)
   wenn die Seite das funktionale Accordion behält. Wrapper .directory-accordion
   um den Accordion-Block legen. Nur Optik — Plugin-Verhalten unangetastet. ---- */
.bks-rd .directory-accordion .aagb__accordion_container {
  border: 1px solid var(--hairline) !important;
  border-radius: var(--r-md) !important;
  margin-bottom: 12px !important;
  overflow: hidden;
}
.bks-rd .directory-accordion .aagb__accordion_head {
  background: #fff !important;
  transition: background .18s var(--ease);
}
.bks-rd .directory-accordion .aagb__accordion_container:hover .aagb__accordion_head {
  background: var(--bks-blue-050) !important;
}
.bks-rd .directory-accordion .aagb__accordion_title {
  font-size: 17px !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
}
.bks-rd .directory-accordion .aagb__accordion_body { background: #fff !important; }
.bks-rd .directory-accordion .aagb__accordion_body p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--grey-700);
}
.bks-rd .directory-accordion .aagb__accordion_body a { color: var(--bks-blue); }