/* Family footer v1.0.1 — the OnePlace band and the idea strip for every door.
   Master copy: direct-standards/master-footer/. Never edit a site's copy:
   change the master, bump VERSION in family-footer.js, and run sync-all.mjs.
   Every class starts with .ff, so no site stylesheet collides.

   The band follows the approved file (oneplace-band-revised.html,
   2026-11-11): paper ground, a 3px Prairie Ink line on top, the family
   mark, the headline, one row of links, the grey line. Sizes and colors
   below are that file's, exactly. A site may set its own values through
   site.json "style".

   This file is public on every door: no personal names in it. */

.ff{
  --ff-ground:#FAF7F2; --ff-line:#1C2B3A; --ff-head:#22303e; --ff-link:#1C2B3A; --ff-note:#68788a;
  --ff-ink:#23201B; --ff-card:#ffffff; --ff-border:#E5DFD3; --ff-accent:#E8A33D; --ff-btn:#1C2B3A;
  --ff-radius:12px; --ff-btn-pad:10px 18px; --ff-btn-size:15px; --ff-btn-lh:24px;
  display:block; margin:0; padding:0; clear:both;
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15.5px; line-height:1.55; color:var(--ff-ink); text-align:left;
}
.ff *,.ff *::before,.ff *::after{box-sizing:border-box}

/* The OnePlace band */
.ff-band{background:var(--ff-ground);border-top:3px solid var(--ff-line);padding:22px 16px;text-align:center}
.ff-head{font-size:16px;font-weight:700;color:var(--ff-head)}
.ff-mark{height:22px;width:auto;max-width:none;display:inline-block;vertical-align:-5px;margin:0 7px 0 0;border:0}
.ff-head a{color:var(--ff-link);text-decoration:underline}
.ff-row{margin-top:8px;font-size:15px}
.ff-row a{color:var(--ff-link);font-weight:600;text-decoration:underline}
.ff-note{margin-top:6px;font-size:13px;color:var(--ff-note)}

/* The idea strip, on doors that have an idea page */
.ff-idea-wrap{max-width:1120px;margin:0 auto;padding:26px 20px 30px}
.ff-idea{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;background:var(--ff-card);border:1px solid var(--ff-border);border-left:4px solid var(--ff-accent);border-radius:var(--ff-radius)}
.ff-idea-text{flex:1;min-width:210px;font-size:17px;font-weight:600;color:var(--ff-ink)}
.ff-idea-btn{display:inline-block;background:var(--ff-card);color:var(--ff-btn);border:1.5px solid var(--ff-btn);border-radius:9px;padding:var(--ff-btn-pad);font-size:var(--ff-btn-size);line-height:var(--ff-btn-lh);font-weight:600;text-decoration:none;min-height:44px;cursor:pointer}
.ff-idea-btn:hover{filter:brightness(1.05)}

/* Documents, flyers and anything else printed carry neither. */
@media print{.ff{display:none !important}}