/* ── tandoco canonical site footer ────────────────────────────────
   Single source of truth — mirrors home.css so every page renders
   the exact same dark navy footer (brand block · contact · links).

   Pages that link this file should NOT redeclare footer / .footer-*
   rules inline — keep this file as the authoritative copy.

   Companion canonical markup (drop in just before </body>):

     <footer>
       <div>
         <div class="footer-brand">tandoco</div>
         <div class="footer-loc">Minneapolis, MN · meal prep & protein bakery serving the Twin Cities</div>
         <div class="footer-copy">© 2026 tandoco · eat well. feel good.</div>
         <div class="footer-contact">
           <a href="mailto:hello@tandoco.com">hello@tandoco.com</a>
           &nbsp;·&nbsp;
           <a href="tel:6125249104">612-524-9104</a>
         </div>
       </div>
       <div class="footer-links">
         <a href="https://share.google/rDRzPANdrncKlLLtp" target="_blank" rel="noopener">google</a>
         <a href="/support">support</a>
         <a href="/terms">terms</a>
         <a href="/privacy">privacy</a>
         <a href="/hq">staff login</a>
       </div>
       <div class="footer-seo">
         <a href="/store">order meals</a>
         <a href="/store">full menu</a>
         <a href="/meal-prep-minneapolis">meal prep minneapolis</a>
         <a href="/glp1-meal-prep-minneapolis">glp-1 meal prep</a>
         <a href="/about">about</a>
         <a href="/blog">blog</a>
         <a href="/events">events</a>
         <a href="/training">training</a>
         <a href="/catering">catering</a>
       </div>
     </footer>
   ──────────────────────────────────────────────────────────────── */

footer{background:var(--navy-dk,#1A1A2E);color:rgba(255,255,255,.4);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;}
.footer-brand{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:900;color:rgba(255,255,255,.88);}
.footer-loc{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:4px;}
.footer-copy{font-size:11px;color:rgba(255,255,255,.24);}
.footer-contact{font-size:13px;color:rgba(255,255,255,.5);margin-top:6px;}
.footer-contact a{color:rgba(255,255,255,.6);text-decoration:none;}
.footer-contact a:hover{color:rgba(255,255,255,.85);}
.footer-links{display:flex;gap:16px;align-self:flex-end;flex-wrap:wrap;}
.footer-links a{font-size:11px;color:rgba(255,255,255,.2);transition:color .15s;text-decoration:none;}
.footer-links a:hover{color:rgba(255,255,255,.42);}

/* Hidden SEO internal links — crawlable but not visible. */
.footer-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Mobile — stack the columns and bump tap targets. */
@media(max-width:720px){
  footer{flex-direction:column;align-items:flex-start;gap:14px;padding:28px 5% calc(34px + env(safe-area-inset-bottom,0));}
  .footer-brand{font-size:15px;}
  .footer-links{align-self:flex-start;flex-wrap:wrap;gap:8px 18px;width:100%;}
  .footer-links a{font-size:13px;color:rgba(255,255,255,.55);padding:6px 0;min-height:32px;display:inline-flex;align-items:center;}
  footer > *:last-of-type{font-size:11.5px;color:rgba(255,255,255,.35);}
}
@media(max-width:430px){
  footer{padding:18px 4% calc(28px + env(safe-area-inset-bottom,0));}
}