/* Shared public navigation for Bootstrap marketing pages and MDB forms. */
.navbar { box-shadow: 0 2px 16px rgba(22, 50, 79, .04); }
.navbar-brand { font-size: 1.05rem; letter-spacing: -.025em; }
.navbar .nav-link { font-size: .9rem; font-weight: 500; color: var(--muted, #526479); padding-inline: .65rem; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--brand, #245edb); }
.navbar .btn { font-size: .875rem; white-space: nowrap; }
.navbar .dropdown-menu { max-width: calc(100vw - 2rem); }

.navbar {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
.navbar .btn {
    border-radius: .65rem;
    padding: .65rem 1.1rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}
/* MDB uses different defaults from the Bootstrap homepage. */
.navbar.navbar-app-light { padding-block: .5rem; border-bottom: 1px solid #dce4ee; }
.navbar-app-light > .container { padding-block: .5rem; }
.navbar.navbar-app-light .navbar-brand { color: #16324f !important; line-height: 1.7; }
.navbar-app-light .navbar-brand span { font-family: inherit; letter-spacing: -.025em; }
.navbar-app-light .navbar-brand img { margin-right: 0; }
.navbar.navbar-app-light .btn { border-width: 1px; border-style: solid; box-shadow: none; }
.navbar.navbar-app-light .btn-primary {
    --bs-btn-bg: #245edb;
    --bs-btn-border-color: #245edb;
    --bs-btn-hover-bg: #1848ac;
    --bs-btn-hover-border-color: #1848ac;
    --bs-btn-active-bg: #1848ac;
    --bs-btn-active-border-color: #1848ac;
}
.navbar.navbar-app-light .btn-outline-primary {
    --bs-btn-color: #245edb;
    --bs-btn-border-color: #245edb;
    --bs-btn-hover-bg: #245edb;
    --bs-btn-hover-border-color: #245edb;
    --bs-btn-active-bg: #245edb;
    --bs-btn-active-border-color: #245edb;
}
.navbar.navbar-app-light .public-language-toggle {
    min-height: 0;
    min-width: 0;
    gap: .5rem;
    color: #6c757d !important;
}
.navbar.navbar-app-light .public-language-toggle:hover,
.navbar.navbar-app-light .public-language-toggle:focus { color: #fff !important; }
.navbar-app-light .public-language-toggle.dropdown-toggle::after { margin-left: .255em; }
.navbar.navbar-app-light .dropdown-item { font-size: 1rem; font-weight: 400; line-height: 1.7; }