/* =====================================================================
   FOOTER (footer-v3.css): linked from every page with a footer.
   Replaces footer-v2.css. Left: logo, blurb, then the links in one
   row with normal gaps (left aligned, wraps naturally). Right: the
   framed dog portrait. Cloudflare ignores ?v=, so after editing,
   rename this file (footer-v4.css) and update the links in every page.
   ===================================================================== */

/* ===== DESKTOP: text + links on the left, portrait on the right ===== */
.foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px}
.foot .foot-text p{max-width:none}
.foot .links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 22px;margin-top:18px}
.foot .foot-dog{justify-self:end;line-height:0}
.foot .foot-dog img{width:200px;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}

/* ===== PHONES: links wrap left aligned, portrait smaller and centered below ===== */
@media(max-width:800px){
  .foot{grid-template-columns:1fr}
  .foot .links{gap:12px 20px}
  .foot .foot-dog{justify-self:center}
  .foot .foot-dog img{width:140px}
}