/* ==========================================================================
footer.css — desktop footer layout
Loaded after responsive.min.css and BEFORE mobile.css, so the phone-width
rules in mobile.css still win at the sizes they target.
Everything here is scoped to "section.footer", so no other part of the site
can be affected. To roll back, delete the one in header.php and
revert footer.php — nothing else depends on this file.
What it corrects, measured on the current footer at 1440px:
- the logo column was 425px wide holding 176px of text, leaving a 261px
gap between the address and the first link column
- the three link columns came out 208 / 208 / 116px, because the first
two carried pr-10 and the third carried nothing while
justify-content:space-between distributed the remainder
- the gaps between those columns were 146-147px, wider than the 168px of
text inside them, so they read as three unrelated lists
========================================================================== */
/* --------------------------------------------------------------------------
1. THE GRID
Four columns on one track definition, so the three link lists are always
identical in width. The brand column gets a slightly larger share because
it holds the address, but it is capped so it cannot open up the chasm the
old is-4 column did.
-------------------------------------------------------------------------- */
section.footer .footer-grid {
display: grid;
grid-template-columns: minmax(200px, 1.15fr) repeat(3, minmax(0, 1fr));
gap: 2.25rem 3rem;
align-items: start;
}
section.footer .footer-brand .logo {
height: 2.2rem;
display: block;
margin-bottom: 1.25rem;
}
section.footer .footer-brand .logo img { max-height: 100%; }
section.footer .footer-brand p {
line-height: 1.75;
}
/* --------------------------------------------------------------------------
2. THE LINK LISTS
Bulma gives .navbar-item 0.5rem 0.75rem of padding, and custom.min.css adds
another 0.5rem of margin-bottom, which made each 13px link occupy a 41px
row. Six links came to 288px of column height. Tightening the row to about
27px keeps the list comfortable and takes roughly 80px off the footer.
The padding override needs !important because custom.min.css already uses
it on the .tel and .email items to make room for their icons; without it
those two rows would keep the old spacing and the column would look ragged.
The left padding those icons rely on is preserved below.
-------------------------------------------------------------------------- */
section.footer .footer-grid ul {
margin: 0;
list-style: none;
}
/* The row pitch comes from THREE places stacked on top of each other, which
is why the old rows were ~41px for 13px text: Bulma pads the