/* =================================================== */
/* SECTION: Footer Styles - Copyright and version info */
/*  FILE : css/footer.css                              */
/* =================================================== */
/*
 * Purpose:
 * - Styles the application footer, which displays version/update metadata and copyright.
 *
 * Rendering model (important):
 * - Footer markup is **JS-populated** at runtime (A1 layout) by `applyProjectConfigToPage()`.
 * - This stylesheet therefore targets **stable semantic hooks**:
 *   - `footer`, `footer p` for layout/spacing
 *   - `footer a` for consistent link styling (mailto + version trigger)
 *   - `#versionLink` for the changelog modal trigger hover/focus affordance
 *
 * Behaviour:
 * - Subtle, non-distracting typography
 * - Links inherit text colour by default (integrated appearance)
 * - Hover/focus states provide gentle affordance without visual noise
 */
footer {
    /* Alignment and spacing */
    text-align: center;
    margin-top: 20px;
    padding: 20px 0;

    /* Typography */
    font-size: 0.85rem;
    color: #777;

    /* Note:
     * - Font family is intentionally inherited from the app to keep typography consistent.
     * - If you ever want a footer-specific font stack, define it explicitly here.
     */
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;*/
}

footer p {
    /* Keeps the two footer lines visually grouped */
    margin: 1px 0;
}

/* Optional third line spacing (subtle separation) */
/*
 * Purpose:
 * - Provides gentle breathing room above the optional footer navigation row.
 *
 * Behaviour:
 * - Only applies if the third line is rendered by JS (when cfg.footerLinks has items).
 * - Leaves the two primary metadata lines tight and visually grouped.
 */
footer .footer-links {
    margin-top: 0.55rem;
}

/* ----------------------------------------------- */
/* Footer links (shared baseline styling)          */
/* ----------------------------------------------- */
/*
 * Applies to:
 * - Copyright mailto link (generated in `appCopyrightHtml`)
 * - Version link trigger (opens changelog modal)
 *
 * Intent:
 * - Links feel integrated into footer text
 * - Avoid harsh default browser styling
 */
footer a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

footer a:hover,
footer a:focus-visible {
    text-decoration: underline;
}


/* ----------------------------------------------- */
/* Version link (accented interaction)             */
/* ----------------------------------------------- */
/*
 * Intent:
 * - Version link is a deliberate interactive affordance
 * - Uses accent colour on hover/focus to indicate importance
 *
 * Dependency:
 * - `#versionLink` is created at runtime by `applyProjectConfigToPage()`.
 */
#versionLink:hover,
#versionLink:focus-visible {
    color: #E30613;
}