/* Global footer used across all layouts (Vue, Angular/legacy, login, etc.).
   Hand-written so the styles ship via the global CSS partials and do not
   depend on the Vue/Vite Tailwind bundle.

   Intentionally minimal: no background, no text color. This matches the
   prevailing Vue rendering, where the nucleus-ui Tailwind preset replaces
   the default color palette and the gray-scale utilities used by the
   footer template resolve to nothing. Only the layout, border, and the
   project-customized text-sm font-size (10px) are applied here. */

.ntv-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    padding: 0.5rem 1rem;
    border-top: 1px solid #cecece;
    font-size: 10px;
    min-width: 1200px;
}

.ntv-footer__logo {
    display: inline;
    height: 1.25rem;
}

/* Legacy pages don't load Tailwind preflight, so anchors would otherwise
   render with the browser's default blue + underline. Reset them here. */
.ntv-footer__link {
    color: inherit;
    text-decoration: none;
}

/* Login page modifier: overlay the footer at the bottom of the body so it
   sits on top of the login background image. The login body has
   position: relative, so the absolute positioning anchors to the viewport
   edge. Text/links/separators are white to read against the dark image. */
.ntv-footer.ntv-footer--login {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: none;
    background: none;
    color: #fff;
    min-width: unset;
}

.ntv-footer.ntv-footer--login .ntv-footer__link,
.ntv-footer.ntv-footer--login .ntv-footer__separator {
    color: #fff;
}