/* The footer and the (switched-off) consent bar, shared by every page: index, make, badge and the legal pages.
   Self-contained so the app pages can load it without the legal pages' reading styles. */
.legal-foot,.consent-bar{--lf-bar:#101114;--lf-on:#f1efe9;--lf-muted:#bdb7ac;--lf-orange:#ff6b1a;--lf-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--lf-body-ar:"IBM Plex Sans Arabic","Cairo",system-ui,sans-serif}
/* ---------- the shared footer (also on index, make and badge) ---------- */
.legal-foot{font:14px/1.5 var(--lf-body);color:#d8d4cc;background:var(--lf-bar);padding:22px 16px calc(22px + env(safe-area-inset-bottom,0px))}
[dir="rtl"] .legal-foot{font-family:var(--lf-body-ar)}
.legal-foot nav{max-width:760px;margin:0 auto}
.legal-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.legal-foot a{color:#f1efe9;text-decoration:none;display:inline-block;padding:6px 0}
.legal-foot a:hover,.legal-foot a[aria-current="page"]{color:var(--lf-orange);text-decoration:underline}
.legal-foot p{max-width:760px;margin:8px auto 0;color:#bdb7ac}
/* the badge page keeps it small and quiet */
.legal-foot[data-small]{background:transparent;color:inherit;font-size:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));text-align:center}
.legal-foot[data-small] ul{justify-content:center;gap:2px 12px}
.legal-foot[data-small] a{color:inherit;opacity:1;padding:8px 2px}
.legal-foot[data-small] p{margin-top:2px;color:inherit}

/* ---------- consent bar (switched off; see legal.js HeyConsent) ---------- */
.consent-bar{position:fixed;z-index:50;inset-inline:12px;bottom:12px;max-width:560px;margin:0 auto;background:#101114;color:#f1efe9;border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35);font:14px/1.5 var(--lf-body)}
.consent-bar a{color:#ff8a45}
.consent-bar div{display:flex;gap:10px;margin-top:10px}
.consent-bar button{flex:1;min-height:44px;border-radius:999px;border:1.5px solid #f1efe9;background:transparent;color:#f1efe9;font:600 15px/1 var(--lf-body);cursor:pointer}
.legal-foot :focus-visible{outline:2px solid var(--lf-orange);outline-offset:2px;border-radius:4px}
.legal-foot[data-small] :focus-visible{outline-color:currentColor}

/* the badge page: one quiet line pinned to the bottom, on a dark band so it reads on every theme */
.legal-foot[data-fixed]{position:fixed;z-index:19;left:0;right:0;bottom:0;margin:0;padding:0 10px env(safe-area-inset-bottom,0px);
  font-size:11.5px;line-height:1.3;color:#fff;background:rgba(0,0,0,.5);display:flex;flex-wrap:nowrap;justify-content:safe center;align-items:center;gap:0 12px;
  overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.legal-foot[data-fixed]::-webkit-scrollbar{display:none}
.legal-foot[data-fixed] nav{margin:0;flex:none}
.legal-foot[data-fixed] ul{flex-wrap:nowrap}
.legal-foot[data-fixed] a{padding:6px 1px}
.legal-foot[data-fixed] p{margin:0;max-width:none;flex:none}
@media print{ .legal-foot{display:none} }

/* the agree line beside sign-in, publish and send */
[data-agree] a{color:inherit;text-decoration:underline;text-underline-offset:2px}