/*
 * streembit.css — site adjustments on top of Dashmix (loaded after dashmix.min.css).
 *
 * Design direction: a public register. The site's content is dated records
 * (Open Calls, results, disclosures, the ruleset), so the page reads like an
 * official register rather than a product site: one typeface set heavier for
 * headings, one restrained action colour, tables and rules as structure, no
 * decorative chrome.
 *
 * Tokens
 *   ink         #14213D   headings, navigation, strong text
 *   paper       #FFFFFF   page background
 *   ledger      #F3F4F6   alternating bands
 *   rule        #D9DDE3   borders and dividers
 *   seal blue   #1F4E9A   the single action colour (links, primary buttons)
 *   seal dark   #173B75   hover state of seal blue
 */

/* ---------------------------------------------------------------------------
 * Colour: override the Dashmix defaults through the Bootstrap variables and
 * the few Dashmix rules that carry literal values.
 * ------------------------------------------------------------------------- */

:root,
[data-bs-theme=light] {
    --bs-primary: #1F4E9A;
    --bs-primary-rgb: 31, 78, 154;
    --bs-primary-text-emphasis: #14213D;
    --bs-primary-bg-subtle: #D5E0F2;
    --bs-primary-border-subtle: #B3C7E8;
    --bs-link-color: #1F4E9A;
    --bs-link-color-rgb: 31, 78, 154;
    --bs-link-hover-color: #173B75;
    --bs-link-hover-color-rgb: 23, 59, 117;
    --bs-heading-color: #14213D;
    --bs-border-color: #D9DDE3;
}

.btn-primary {
    --bs-btn-bg: #1F4E9A;
    --bs-btn-border-color: #1F4E9A;
    --bs-btn-hover-bg: #173B75;
    --bs-btn-hover-border-color: #173B75;
    --bs-btn-active-bg: #173B75;
    --bs-btn-active-border-color: #173B75;
    --bs-btn-focus-shadow-rgb: 31, 78, 154;
    --bs-btn-disabled-bg: #1F4E9A;
    --bs-btn-disabled-border-color: #1F4E9A;
}

.btn-alt-primary {
    --bs-btn-color: #14213D;
    --bs-btn-bg: #D5E0F2;
    --bs-btn-border-color: #D5E0F2;
    --bs-btn-hover-color: #14213D;
    --bs-btn-hover-bg: #B3C7E8;
    --bs-btn-hover-border-color: #B3C7E8;
    --bs-btn-focus-shadow-rgb: 179, 199, 232;
    --bs-btn-active-color: #14213D;
    --bs-btn-active-bg: #B3C7E8;
    --bs-btn-active-border-color: #B3C7E8;
    --bs-btn-disabled-color: #14213D;
    --bs-btn-disabled-bg: #D5E0F2;
    --bs-btn-disabled-border-color: #D5E0F2;
}

.bg-body-light {
    background-color: #F3F4F6 !important;
}

.block-bordered,
.border-top,
.border-bottom {
    border-color: #D9DDE3 !important;
}

.link-fx::before {
    background-color: #1F4E9A;
}

.nav-main-link {
    color: #14213D;
}
.nav-main-link.active,
.nav-main-link:hover {
    color: #14213D;
    background-color: #E6ECF6;
}

/* ---------------------------------------------------------------------------
 * Type: Inter (shipped with Dashmix) throughout. Headings are the same face as
 * the body, set heavier and in ink. No third-party font requests.
 * ------------------------------------------------------------------------- */

h1, h2, h3,
.h1, .h2, .h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #14213D;
}

h1, .h1 { line-height: 1.15; }
h2, .h2 { line-height: 1.2; }

/* Bootstrap's display sizes default to a light weight; the headline stays bold */
h1.display-6 {
    font-weight: 700;
    line-height: 1.15;
}

/* Keep prose measure under 80 characters */
.measure {
    max-width: 38rem;
}

/* Label column of key-value tables */
.w-33 {
    width: 33%;
}

/* Hashes, addresses, CIDs and figures */
.font-monospace {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}

/* ---------------------------------------------------------------------------
 * Layout
 * ------------------------------------------------------------------------- */

/* Home page hero (Dashmix's .hero is full-viewport; this one is content-sized) */
.site-hero {
    padding: 2.5rem 0 2rem;
}
@media (min-width: 992px) {
    .site-hero {
        padding: 4.5rem 0 4rem;
    }
}

/* Network record panel in the hero */
.record-panel .record-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 0.625rem 0;
    border-top: 1px solid #D9DDE3;
}
.record-panel .record-row:first-child {
    border-top: 0;
    padding-top: 0;
}
.record-panel .record-value {
    font-variant-numeric: tabular-nums;
}

/* Three plain columns under a rule, used instead of cards for prose */
.ruled-col {
    border-top: 2px solid #14213D;
    padding-top: 1rem;
}

/* Footer: its own band, introduced by a lighter rule than the ruled columns */
.site-footer {
    border-top: 2px solid #999999;
}

/* Long checksums in the documents table */
.fs-xs {
    font-size: 0.75rem;
    word-break: break-all;
}

/* Header navigation: keep the seven items compact */
#page-header .nav-main-horizontal .nav-main-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}