.block_editorialBoard.beb_theme_legacy summary {
  list-style-type: "\f067";
}

.block_editorialBoard.beb_theme_legacy details[open] > summary {
  list-style-type: "\f068";
}

.block_editorialBoard.beb_theme_legacy .board-container {
  margin-top: 10px;
}

.block_editorialBoard.beb_theme_legacy .board-member-name {
  font-size: 14px; /* Adjust the font size as needed */
}

/* Ensure the board members are vertically aligned */
.block_editorialBoard.beb_theme_legacy .board-member-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 10px; /* Space between each member */
}

.block_editorialBoard.beb_theme_legacy .block-editorialboard-role-container {
  font-weight: bold; /* Make the names bold */
  color: #333; /* Darker text color for better readability */
}

/* Target the div that contains each board member */
.block_editorialBoard.beb_theme_legacy .board-member {
  padding-inline-start: 20px;
  padding-inline-end: 4px;
  margin-top: -5px; /* Move the content slightly up */
}

/* Additional styles for better appearance */
.block_editorialBoard.beb_theme_legacy img.board-member-img {
  width: 64px;
  height: auto;
}

.block_editorialBoard.beb_theme_legacy .show-avatars .board-container > * + * {
  border-top: 1px solid currentColor;
  padding-top: 10px;
}

.block_editorialBoard.beb_theme_legacy > details {
  padding: 10px 0;
}

.block_editorialBoard.beb_theme_legacy > details:first-of-type {
  padding-top: 0;
}

.block_editorialBoard.beb_theme_legacy > details.show-avatars  + details.show-avatars  {
  border-top: 1px solid currentColor;
}

.block_editorialBoard.beb_theme_legacy .board-member-name {
  margin-top: 2px;
}

/* ORCID icon styling */
.block_editorialBoard.beb_theme_legacy .orcid-icon {
  width: 12px; height: auto; transform: translateY(2px);
}

.block_editorialBoard.beb_theme_legacy .orcid-link {
    /* display: inline-flex; */
}


/* modern theme */

.block_editorialBoard.beb_theme_modern {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  padding: 16px;
}

/* left-border accent on open sections */
.block_editorialBoard.beb_theme_modern > details {
  border-left: 3px solid transparent;
  transition: border-color .2s, background .2s;
  margin-bottom: 8px;
  padding-left: 12px;
}
.block_editorialBoard.beb_theme_modern > details[open] {
  border-left-color: #8a2be2;
  background: rgba(138,43,226,0.05);
}

/* summary styling */
.block_editorialBoard.beb_theme_modern summary {
  list-style: none;
  cursor: pointer;
  padding: 6px 0;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.block_editorialBoard.beb_theme_modern summary::before {
  content: "\f078";
  font-family: "FontAwesome";
  margin-right: 6px;
  transition: transform .2s;
}
.block_editorialBoard.beb_theme_modern details[open] > summary::before {
  transform: rotate(90deg);
}

/* member rows */
.block_editorialBoard.beb_theme_modern .board-member-container {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-gap: 8px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.block_editorialBoard.beb_theme_modern .board-member-container:last-child {
  border: none;
}
.block_editorialBoard.beb_theme_modern img.board-member-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 6px;
}
.block_editorialBoard.beb_theme_modern .board-member-name {
  font-weight: 700;
  padding-left: 4px;
}
.block_editorialBoard.beb_theme_modern .block-editorialboard-role-container {
  font-weight: 700;
  color: #8a2be2;
  margin-bottom: 4px;
}

/* 1) Inline names when no avatars */
.block_editorialBoard.beb_theme_modern > details:not(.show-avatars) .board-member-container {
  display: inline-flex !important;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 6px 10px;
  margin: 0 0 6px 0;
  /* background: #fafafa; */
  background-color: rgba(255, 255, 255, 0.5);
}

/* remove previous grid/dividers */
.block_editorialBoard.beb_theme_modern > details:not(.show-avatars) .board-member-container {
  grid-template-columns: none !important;
  border-bottom: none;
}

/* hide the (now-empty) avatar */
.block_editorialBoard.beb_theme_modern > details:not(.show-avatars) img.board-member-img {
  display: none !important;
}

/* 2) Make name and ORCID icon inline */
.block_editorialBoard.beb_theme_modern .board-member-name {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.block_editorialBoard.beb_theme_modern img.orcid-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  width: 16px;
  height: auto;
}


/* modern theme */
/* modern theme wrapper */
.block_editorialBoard.beb_theme_boxed {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  padding: 16px;
}

/* sections accent & padding */
.block_editorialBoard.beb_theme_boxed > details {
  border-inline-start: 3px solid transparent;
  padding-left: 12px;
  margin-bottom: 8px;
  transition: border-inline-start-color .2s, background .2s;
}
.block_editorialBoard.beb_theme_boxed > details[open] {
  /* border-inline-start-color: #8a2be2; */
  border-inline-start-color: currentColor;
  background: rgba(180, 153, 205, 0.1);
}

/* toggler style */
.block_editorialBoard.beb_theme_boxed summary {
  list-style: none;
  cursor: pointer;
  padding: 6px 0;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.block_editorialBoard.beb_theme_boxed summary::before {
  content: "\f078";
  font-family: "FontAwesome";
  margin-right: 6px;
  transition: transform .2s;
}
.block_editorialBoard.beb_theme_boxed > details[open] > summary::before {
  transform: rotate(90deg);
}

/* container spacing */
.block_editorialBoard.beb_theme_boxed .board-container {
  margin-top: 10px;
}

/* default grid rows */
.block_editorialBoard.beb_theme_boxed .board-member-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 8px;            /* 8px top & bottom */
  padding-inline-end: 8px;       /* 8px right in LTR, left in RTL */
  border-bottom: 1px solid #eee;
  gap: 8px;                   /* consistent space between text & avatar */
}
.block_editorialBoard.beb_theme_boxed .board-member-container:last-child {
  border-bottom: none;
}

/* avatar */
.block_editorialBoard.beb_theme_boxed img.board-member-img {
  flex: 0 0 48px;            /* fixed width */
  /* margin-left: 8px; */
  /* margin-right: 10px; */
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  /* space between text and image, flips LTR/RTL */
  margin-inline-start: 8px;
}

/* text */
.block_editorialBoard.beb_theme_boxed .board-member-name {
  display: block;                /* make it a block so padding applies to all lines */
  padding-inline-end: 8px;       /* 8px of “inner” space before the avatar */
  white-space: normal;           /* allow wrapping */
  padding-inline-start: 8px;
  word-break: break-word;
}

/* inline “chips” when avatars hidden */
.block_editorialBoard.beb_theme_boxed details:not(.show-avatars) .board-member-container {
  display: inline-flex !important;
  background: rgba(255,255,255,0.9);
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 6px 10px;
  margin: 0 0 6px;
}
.block_editorialBoard.beb_theme_boxed details:not(.show-avatars) img.board-member-img {
  display: none !important;
}

/* ensure RTL flips avatar/text order */
html[dir="rtl"] .block_editorialBoard.beb_theme_boxed .board-member-container {
  direction: rtl;
}

/* ORCID icon styling */
.block_editorialBoard.beb_theme_boxed .orcid-icon {
  width: 12px; height: auto; transform: translateY(2px);
}

.block_editorialBoard.beb_theme_boxed .orcid-link {
    display: inline-flex;
}