/* SKILLAGILITY Glossary standard: A-Z list ([glossary-list] inside <div class="ska-glossary">) in brand colours.
   Hero uses the same classes as the toolkit (ska-kb-hero, styled in "BetterDocs Toolkit Design"). */

.ska-glossary { margin-bottom: 72px; }

/* letter bar */
.ska-glossary .glossary-term-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 20px;
}
.ska-glossary .glossary-term-bar > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .95rem;
}
.ska-glossary .glossary-no-link-initial-item {
  color: #c3cad6;
  background: transparent;
}
.ska-glossary .glossary-link-initial-item { background: #e8ebf3; }
.ska-glossary .glossary-link-initial-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #000033 !important;
  text-decoration: none !important;
  border-radius: 8px;
  transition: background-color .15s, color .15s;
}
.ska-glossary .glossary-link-initial-item a:hover,
.ska-glossary .glossary-link-initial-item a:focus {
  background: #00bff0;
  color: #fff !important;
}

/* search */
.ska-glossary .gt-search-bar {
  display: flex;
  gap: 6px;
  margin: 0 0 40px;
  max-width: 480px;
}
.ska-glossary .gt-search {
  flex: 1;
  height: 44px;
  border: 1px solid #d9e0ea !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  font-size: 1rem;
  background: #fff;
}
.ska-glossary .gt-search:focus {
  outline: none;
  border-color: #00bff0 !important;
  box-shadow: 0 0 0 3px rgba(0, 191, 240, .2);
}
.ska-glossary .gt-next,
.ska-glossary .gt-prev {
  width: 44px;
  height: 44px;
  border: 1px solid #d9e0ea;
  border-radius: 8px;
  background: #fff;
  color: #000033;
  cursor: pointer;
}
.ska-glossary .gt-next:hover,
.ska-glossary .gt-prev:hover {
  border-color: #00bff0;
  color: #00bff0;
}

/* letter blocks */
.ska-glossary .glossary-block {
  margin: 0 0 36px;
  scroll-margin-top: 110px;
}
.ska-glossary .glossary-letter {
  display: block;
  color: #000033;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 3px solid #00bff0;
  scroll-margin-top: 110px;
}
.ska-glossary .glossary-block ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ska-glossary .glossary-block li {
  margin: 0 !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #e8ebf3;
  color: #2d3748;
  line-height: 1.55;
}
.ska-glossary .glossary-link-item > a {
  display: block;
  color: #000033 !important;
  font-weight: 700;
  font-size: 1.1rem;
  text-decoration: none !important;
  margin-bottom: 4px;
}
.ska-glossary .glossary-link-item > a:hover { color: #00bff0 !important; }
.ska-glossary .glossary-list-term-excerpt { color: #2d3748; }

/* hide the ' - ' text between term and excerpt */
.ska-glossary .glossary-link-item { font-size: 0; display: block; }
.ska-glossary .glossary-link-item > .glossary-list-term-excerpt { font-size: 1rem; }

/* fixes: theme button styles, 'read more' link */
.ska-glossary .gt-search-bar .gt-next,
.ska-glossary .gt-search-bar .gt-prev {
  width: 44px !important;
  height: 44px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 1px solid #d9e0ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #000033 !important;
  box-shadow: none !important;
  flex-shrink: 0;
}
.ska-glossary .gt-search-bar .gt-next:hover,
.ska-glossary .gt-search-bar .gt-prev:hover {
  border-color: #00bff0 !important;
  color: #00bff0 !important;
}
.ska-glossary .glossary-list-term-excerpt a {
  color: #00bff0 !important;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
}
.ska-glossary .glossary-list-term-excerpt a:hover { color: #1079a1 !important; }

/* full definition instead of excerpt; term name is not a link any more (no separate term pages) */
.ska-glossary .glossary-link-item > .glossary-list-term-content { font-size: 1rem; color: #2d3748; display: block; }
.ska-glossary .glossary-list-term-content p { margin: 0 0 .5rem; }
.ska-glossary .glossary-list-term-content p:last-child { margin-bottom: 0; }
.ska-glossary .glossary-link-item > a { pointer-events: none; cursor: text; }