/* Inter 5.3.0 variable font (@fontsource-variable/inter, OFL-1.1; see NOTICE).
   Latin and Greek subsets only; anything else falls back to Arial per glyph. */
@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("fonts/inter-greek-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Site-wide text defaults, set through Bootstrap's own variables so its
   components follow too. Without this every page fell back to system-ui
   (Segoe UI on Windows) unless its own stylesheet chose a font. */
:root {
    --bs-body-font-family: var(--mp-font-ui);
    --bs-body-color: var(--mp-text);
}

/* Navbar */
.mp-navbar        { background-color: var(--mp-tan-light); border-bottom: 2px solid var(--mp-tan); }
.mp-navbar-brand  { color: var(--mp-olive); font-weight: bold; font-size: 1.2rem; }
/* "Next" reads as an equal, bold part of the wordmark; the word space in the
   markup supplies the gap, so no extra left margin is needed */
.mp-navbar-brand .mp-version {}
.mp-navbar-tagline { color: var(--mp-olive); font-size: 0.85rem; font-style: italic; padding-top: 0.35rem; }
/* On desktop, let the tagline fill and center the space between the wordmark
   and the nav links rather than hugging the brand */
@media (min-width: 768px) {
    .mp-navbar-tagline { flex: 1 1 auto; text-align: center; }
    .mp-navbar .navbar-collapse { flex-grow: 0; }
}
.mp-nav-link       { color: var(--mp-olive); font-size: 0.85rem; }

/* Primary button — brand olive across all pages */
.btn-primary        { background-color: var(--mp-btn-bg); border-color: var(--mp-btn-bg); }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible { background-color: var(--mp-btn-hover); border-color: var(--mp-btn-hover); }
.btn-primary:disabled { background-color: var(--mp-btn-disabled); border-color: var(--mp-btn-disabled); }

/* Alpha banner */
.mp-alpha-banner    { font-size: 0.9rem; border-radius: 0; }

/* Footer */
.mp-footer        { background-color: var(--mp-tan-light); border-top: 1px solid var(--mp-tan); }
.mp-footer-text   { color: var(--mp-olive); }
.mp-footer-link   { color: var(--mp-link); }

/* Mobile adjustments */
@media (max-width: 767.98px) {
    .mp-navbar-brand  { font-size: 1.05rem; }
    .mp-footer-text   { font-size: 0.75rem; line-height: 1.4; }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23666633' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}

.custom-popover {
  --bs-popover-max-width: 250px;
  --bs-popover-border-color: var(--mp-olive);
  --bs-popover-header-bg: rgba(204, 204, 154, 0.42);
  --bs-popover-header-color: var(--mp-olive);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}