/* ffa-footer.css - the one site footer, self contained.
   Built 2026-09-11. Rules lifted verbatim from about.html (lines 370-377, 614)
   with the CSS custom properties resolved to their literal values so this file
   works on standalone pages that do not load the main site stylesheet. */
body:has(> .ffa-page-main){display:block!important;padding:0!important;min-height:0!important;}
.ffa-page-main{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;box-sizing:border-box;}
footer.site-footer{background-color:#34521e;background-image:radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.6px);background-size:24px 24px;color:#eef0e1;text-align:center;padding:54px 40px 48px;}
footer.site-footer a{text-decoration:none;}
.footer-brand{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:24px;color:#f3f1e4;}
.footer-tagline{font:800 10px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d8c060;margin-top:8px;}
.footer-motto{margin-top:4px;letter-spacing:.24em;} /* HER RULING 2026-09-12: the Fairway Friends motto under the tagline on every page */
.footer-copy{font-family:'PT Serif',Georgia,serif;font-size:13px;line-height:1.7;color:#aebb96;}
.footer-copy a{color:#cdd6ba;text-decoration:underline;}
.foot-cols{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin:30px 0 4px;text-align:left;}
.foot-col{min-width:170px;}
.foot-col h4{font:800 10px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d8c060;margin:0 0 12px;}
.foot-col a{display:block;font:600 14px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;color:#cdd6ba;margin-bottom:9px;}
.foot-col a:hover{color:#d8c060;}
.foot-legal{margin:26px auto 0;padding:16px 10px 0;max-width:760px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:center;flex-wrap:wrap;gap:10px 30px;}
.foot-legal a{font:700 14px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;color:#f3f1e4;text-decoration:underline;text-underline-offset:3px;}
.foot-legal a:hover{color:#d8c060;}
@media(max-width:820px){.foot-cols{gap:26px 40px;}.foot-col{min-width:44%;}.foot-legal{gap:10px 22px;}.foot-legal a{font-size:15px;}}

/* ===========================================================================
   ORDER 20, 2026-09-12. HER ORDER, verbatim: "Make the Footer with 5 columns
   and Leave a Review under Contact Us. We need a heading for it. I want 5
   columns now, and we need to reorder. There are 5 headings."

   ORDER 18b's six columns were made by splitting each of three markup groups
   into two text columns. She has now named five groups, so this is real markup:
   five .foot-col divs, five gold eyebrows, the same 22 links regrouped, and a
   flat five-column grid. The two-text-column trick is gone.

   Five equal columns at 1440, two at 390. The widest link text is
   "A Word from the Workshop"; the column track is wider than it, so nothing
   wraps. Measured on the draft, not assumed.
   =========================================================================== */
html body footer.site-footer .foot-cols{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:28px 30px !important;
  align-items:start;
  max-width:1240px;
  margin-left:auto;margin-right:auto;
  justify-content:center;
}
html body footer.site-footer .foot-col{
  display:block !important;
  columns:auto !important;
  min-width:0;
}
html body footer.site-footer .foot-col h4{
  margin:0 0 10px;
}
html body footer.site-footer .foot-col a{
  display:block;
  break-inside:avoid;
  white-space:nowrap;          /* measured to fit; this makes a wrap impossible */
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width:1100px){
  html body footer.site-footer .foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:760px){
  html body footer.site-footer .foot-cols{
    grid-template-columns:repeat(2,minmax(0,1fr));   /* her spec: 2 columns at 390 */
    gap:24px 22px !important;
  }
  html body footer.site-footer .foot-col a{white-space:normal;overflow:visible;text-overflow:clip;}
}