/* Shared "under review" bars (osbe_render_review_list in inc/helpers.php).
   Used on the Board Policies, Statutes and Documents by Reference archives. One item renders as a
   <p>, several as a <ul>; each is its own bar sized to its content. */

/* Doubled class: beats parent-theme ul padding/margin rules. */
.osbe-review-list.osbe-review-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--osbe-sp-4);
}

/* Specificity bumped so parent-theme ul/li rules can't re-add indent or margin. */
.osbe-review-list .osbe-review-list__item,
div.osbe-review-list__item {
  /* Plain link rows: no card background or button. */
  margin: 0;
  padding: 0;
  list-style: none;
  width: fit-content;
  max-width: 100%;
  font-family: var(--osbe-font-accent);
  font-size: 1.25rem;
  line-height: var(--osbe-lh-relaxed);
  color: var(--osbe-color-slate);
}

.osbe-review-list__name {
  min-width: 0;
}

/* Same look and hover fill as .osbe-policy-card__link on the policy cards. */
/* Doubled class: the parent theme's link rules strip the underline otherwise. */
.osbe-review-list__link.osbe-review-list__link {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.osbe-review-list__link {
  /* The card link inherits these from its heading (.osbe-policy-card__title); set them here since there is no heading. */
  font-family: var(--osbe-font-body);
  font-size: var(--osbe-fs-card);
  font-weight: 600;
  line-height: var(--osbe-lh-snug);
  color: var(--osbe-color-teal);
  text-decoration: underline;
  background-image: linear-gradient(
    var(--osbe-color-blue),
    var(--osbe-color-blue)
  );
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0.125rem;
  border-radius: 2px;
  transition:
    background-size var(--osbe-transition-fast),
    color var(--osbe-transition-fast);
}

.osbe-review-list__link:hover,
.osbe-review-list__link:focus-visible {
  background-size: 100% 100%;
  /* !important: parent theme link hover colour would otherwise win, as on the policy card link. */
  color: var(--osbe-color-gold) !important;
  text-decoration: underline;
}

/* Wrapper for heading + bars: extra block padding so it reads as its own
   section between the intro paragraphs. */
.osbe-review-section {
  padding-block: var(--osbe-sp-8);
  display: flex;
  flex-direction: column;
  gap: var(--osbe-sp-5);
}