/*
 * NRI network bar + footer strip — shared by
 *   sources.neocalvinism.org, calvin.reformation.nl, confessions.neocalvinism.org
 * Keep the copies identical:
 *   sources.neocalvinism.org/css/nri-network.css
 *   Reformed Confessions/public/assets/css/nri-network.css
 * Sizes are in px on purpose: the sites use different root font sizes
 * (10px on the bibliography pages, 17px on Confessions, Bootstrap on Calvin).
 */
:root {
  --nri-navy: #242935;      /* NRI logo band */
  --nri-navy-deep: #1a1e27;
  --nri-red: #b0251d;       /* NRI logo ring */
  --nri-red-dark: #8c1d16;
  --nri-paper: #fbf9f4;
}

.nri-bar, .nri-bar * , .nri-foot, .nri-foot * { box-sizing: border-box; }

.nri-bar {
  position: relative;
  /* no z-index: page overlays (scan viewer, dialogs) must be able to cover the bar */
  width: 100%;
  margin: 0;
  background: var(--nri-navy-deep);
  border-bottom: 3px solid var(--nri-red);
  color: #c4c8d2;
  font: 400 13px/1.4 "Open Sans", OpenSansRegular, "Segoe UI", Arial, Helvetica, sans-serif;
  letter-spacing: .01em;
  text-align: left;
}
.nri-bar-in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 20px;
}
.nri-bar a,
.nri-bar a:visited { color: #c4c8d2; text-decoration: none; }
.nri-bar a:hover,
.nri-bar a:focus { color: #fff; text-decoration: none; }

.nri-bar-home { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #fff !important; }
.nri-bar-home::before {
  content: "";
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--nri-red);
  box-shadow: 0 0 0 2px var(--nri-navy-deep), 0 0 0 3px #fff;
  flex: none;
}
.nri-bar-sites { display: flex; flex-wrap: wrap; gap: 2px 18px; margin: 0; padding: 0; }
.nri-bar-sites a { padding: 1px 0; border-bottom: 2px solid transparent; }
.nri-bar-sites a[aria-current="page"],
.nri-bar-sites a[aria-current="page"]:visited { color: #fff; border-bottom-color: var(--nri-red); }

@media (max-width: 640px) {
  .nri-bar { font-size: 12px; }
  .nri-bar-in { padding: 6px 16px; }
  .nri-bar-sites { gap: 2px 14px; }
}

/* ---- footer strip ---- */
.nri-foot {
  width: 100%;
  margin: 0;
  background: var(--nri-navy);
  border-top: 3px solid var(--nri-red);
  color: #c4c8d2;
  font: 400 13px/1.6 "Open Sans", OpenSansRegular, "Segoe UI", Arial, Helvetica, sans-serif;
  text-align: left;
}
.nri-foot-in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 16px 22px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 32px;
}
.nri-foot p { margin: 0; padding: 0; color: #c4c8d2; font: inherit; }
.nri-foot strong { color: #fff; font-weight: 600; }
.nri-foot a, .nri-foot a:visited { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.35); }
.nri-foot a:hover { color: #fff; border-bottom-color: #fff; text-decoration: none; }
.nri-foot-sites { display: flex; flex-wrap: wrap; gap: 4px 18px; }