html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    /* The fixed-top navbar is 56px high. Add padding to body to prevent overlap. */
    padding-top: 56px;
}

.footer .list-inline-item a, .navbar-nav .nav-link {
    min-width: 48px;
    min-height: 48px;
    padding: 10px 16px;
    margin: 4px 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* Prevent excessive padding on desktop */
@media (min-width: 768px) {
    .footer .list-inline-item a, .navbar-nav .nav-link {
        padding: 6px 12px;
        margin: 2px 1px;
    }
}

.navbar.fixed-top {
    background-color: #001f3f !important;
    opacity: 1 !important;
    z-index: 1031; /* Ensure it's above all other content */
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    box-shadow: none;
}