/*
 * JUGL footer — cassiopeia_jugl (config pipeline: see deploy/README.md).
 *
 * Translated from hydrogen scss/_section__footer.scss onto the DOM index.php emits:
 *   <footer class="container-footer footer"> .grid-child > .footer-columns (footer-menu-1..4) + .footer-tail (footer-b, disclaimer)
 * Modules render style="none", so hydrogen's Gantry chrome (#g-footer / .g-content / .g-title / .g-block.size-*)
 * is ABSENT. Nearly all of Eoin's partial was inert against this DOM and dropped — including his
 * `.g-block.size-25:nth-of-type(4) .platform-content:nth-of-type(2) .menuFooter .g-title` specificity hack.
 *
 * Colours consume the tokens in global/colors.css. Footer bg = $blue--dark #2D304E = --footerbg (--jugl-navy),
 * confirmed against Eoin's _general__colour-scheme.scss. The column/tail layout is scaffolded inline in index.php.
 */

/* Load-bearing look: dark navy band, white text, 14/24 type.
   (Open Sans family is already inherited from the body font scheme — not re-declared here.)
   This overrides Cassiopeia core's .footer paint (which comes from --cassiopeia-color-primary, not the
   footerbg param in this child) — relies on this file registering AFTER the parent styles; verified on render. */
.footer {
    background: var(--footerbg);
    color: var(--footercolor);
    font-size: 14px;
    line-height: 24px;
}
.footer :is(h1, h2, h3, h4, h5, h6, p, a) {
    color: var(--footercolor);
}

/* Footer column list spacing (safe, markup-agnostic — matches Eoin's `.menuFooter li { padding: 0.25rem 0 }`). */
.footer-columns li {
    padding-block: 0.25rem;
}

/* TODO (finesse-later): CHEVRONS. Live shows a `›` before each footer-menu link (Eoin: fontawesome
   `::before{content:'\f105';float:left}`). VERIFIED live markup: 4 of 5 columns are `.mod-menu` nav lists, the 5th is
   `.mostread` (popular articles) — so scope to `.footer .mod-menu li` and .mostread is spared. Modernise to a literal
   `›` (\203A) via flex gap (no icon font, no float). Colour unresolved: computed read white on one sample but the
   render looks orange (--jugl-orange) — pin the exact rule before adding. */

/* TODO (finesse-later, match-live, STRUCTURAL — needs a steer): footer column TITLES. Live shows 5 centred titles
   ("Useful Links", "Places to get Support", "Most Popular Content", "Follow us for our Latest News", "Legal"). Dev
   shows NONE — modules render style="none", which strips the module title. The fix is template structure, not CSS:
   give the footer includes a title-bearing chrome (or render headings another way). Deferred pending a decision. */

/* TODO (finesse-later, match-live): LAYOUT. Live = 4 even centred columns with the disclaimer/badge tail centred
   full-width below. Dev's inline `.footer-columns` grid (repeat(auto-fit,minmax(180px,1fr)) in index.php) wraps
   unevenly across 5 lists and the `.footer-tail` mislocates. Tune to a fixed centred grid + tail below. */