/*!
 * Justice42 Power Pages - theme.css replacement
 * ----------------------------------------------------------------------------
 * Upload over the default `theme.css` web file.
 *
 * The original file is a large Bootstrap / Portal starter theme that hard-codes
 * legacy colors (`#302ce1`, `#2f5fef`, `#232222`, white inverse sections) and
 * Segoe/Helvetica/Arial stacks. Justice42's canonical theme is
 * `jdi-fluent-light.css`; this file keeps only a small compatibility layer for
 * starter-template classes still emitted by Power Pages.
 */

h1.underline,
h4.underline {
  border-bottom: 1px solid var(--jdi-color-neutral-stroke-subtle, #ebebeb);
  padding-bottom: var(--jdi-spacing-l, 16px);
}

.breadcrumb > li a,
.breadcrumb > li a:hover,
.pagination > li > a,
.pagination > li > span {
  color: var(--jdi-color-brand-foreground-link, #0078d4);
  background-color: transparent;
}

.pagination > li > a,
.pagination > li > span {
  border-color: transparent;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: var(--jdi-color-brand-background, #0078d4);
  border-color: var(--jdi-color-brand-background, #0078d4);
  color: var(--jdi-color-neutral-foreground-on-brand, #ffffff);
}

.btn-info-home,
.btn-info-home:hover,
.btn-info-home:active,
.btn-info-home:focus {
  font-family: var(--jdi-font-family-base, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
}

.btn-info-home {
  color: var(--jdi-color-brand-foreground, #0078d4);
  border-color: var(--jdi-color-brand-stroke-1, #0078d4);
  background-color: var(--jdi-color-neutral-background-1, #ffffff);
}

.btn-info-home:hover,
.btn-info-home:active,
.btn-info-home:focus {
  color: var(--jdi-color-brand-foreground-hover, #106ebe);
  border-color: var(--jdi-color-brand-foreground-hover, #106ebe);
  background-color: var(--jdi-color-brand-150, #eff6fc);
}

/* Starter landing / search sections should remain light and readable. */
.page_section.color-inverse,
.section-landing-search,
.section-landing-forums {
  background-color: var(--jdi-color-neutral-background-1, #ffffff);
  color: var(--jdi-color-text, #242424);
}

.page_section.color-inverse h1,
.page_section.color-inverse h2,
.page_section.color-inverse h3,
.page_section.color-inverse h4,
.page_section.color-inverse h5,
.page_section.color-inverse h6,
.page_section.color-inverse p,
.page_section.color-inverse span,
.section-landing-search h1,
.section-landing-search h2,
.section-landing-search h3,
.section-landing-search p,
.section-landing-forums h1,
.section-landing-forums h2,
.section-landing-forums h3,
.section-landing-forums p {
  color: inherit;
}

/* Preserve starter search icon support if the header still uses Glyphicons. */
.glyphicon {
  font-family: "Glyphicons Halflings";
}