/* The site footer on pages outside the lobby (includes/site-footer.php: Send Larry, The Muck Crew, MuckLab, RoboLarry,
   the Sunday Freeroll, Support). The same look as the lobby's (lobby-home-v3.css .lf2), in the header's 1600px container
   with 26px sides. Inter is declared here too, for the campaign pages that don't load gto-site.css. Link rules use
   footer.lf2 ... :any-link so a page's own link colours (.wc-page a, a{color:inherit}) don't reach them. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/Inter-Variable-latin.woff2') format('woff2')}
.lf2{box-sizing:border-box;width:100%;max-width:1600px;margin:40px auto 0;padding:30px 26px 22px;border-top:1px solid var(--muck-line,#292929);background:none;text-align:left;color:var(--muck-text-3,#8a8f88);font:400 13px/1.5 var(--muck-font,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);letter-spacing:0;text-transform:none}
.lf2 *{box-sizing:border-box}
footer.lf2 a:any-link{font-size:13px;color:var(--muck-text-2,#c9cbc4);text-decoration:none}
footer.lf2 a:any-link:hover{color:var(--muck-gold,#ffd34f)}
.lf2 a:focus-visible{outline:2px solid var(--muck-gold,#ffd34f);outline-offset:3px;border-radius:3px}
.lf2 p,.lf2 h3{font-family:inherit}
.lf2-top{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(0,2.4fr) minmax(200px,1fr);gap:36px;align-items:start}
.lf2-logo img{display:block;width:150px;height:auto}
.lf2-tag{margin:12px 0 10px;color:var(--muck-text,#f3f2e9);font-size:14px;font-weight:600}
.lf2 .lobby-rules-blurb{margin:0;padding:0;max-width:280px;font-size:12px;line-height:1.55;color:var(--muck-text-3,#8a8f88)}
.lf2 .lobby-rules-blurb strong{color:var(--muck-text-2,#c9cbc4);font-weight:600}
.lf2-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:36px;border-left:1px solid var(--muck-line,#292929)}
.lf2-cols>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.lf2-cols h3{margin:0 0 4px;color:var(--muck-text,#f3f2e9);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lf2-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}
footer.lf2 a.lf2-x:any-link{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--muck-line-strong,#3a3f3a);border-radius:8px;background:var(--muck-surface-1,#151815);color:var(--muck-text,#f3f2e9);font-weight:700}
footer.lf2 a.lf2-x:any-link:hover{border-color:var(--muck-gold-muted,#a8893f);color:var(--muck-text,#f3f2e9)}
.lf2-copy{margin:0;font-size:12px;line-height:1.6;color:var(--muck-text-3,#8a8f88)}
.lf2-legal{display:flex;flex-wrap:wrap;gap:var(--muck-space-1) 16px;align-items:center;margin:0;font-size:12px}
.lf2-legal a,.lf2-legal span{white-space:nowrap}
.lf2-legal a{font-size:12px}
.lf2-legal span{color:var(--muck-text-3,#8a8f88)}
.lf2 .lobby-footer-disclaimer{display:flex;align-items:flex-start;gap:8px;max-width:none;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--muck-line,#292929);font-size:12px;line-height:1.6;color:var(--muck-text-3,#8a8f88)}
.lf2 .lobby-footer-disclaimer strong{color:#b4b4b4;font-weight:600}
.lf2 .lobby-footer-disclaimer .material-symbols-rounded{flex:none;margin-top:1px;font:normal 15px/1 'Material Symbols Rounded';color:#8b91a0;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}
footer.lf2 .lobby-footer-disclaimer a:any-link{font-size:12px;color:var(--muck-text-2,#b4b4b4);text-decoration:underline;text-underline-offset:2px}   /* grey, like the rest (2026-11-01) */
@media(max-width:1000px){
  .lf2-top{grid-template-columns:1fr 1fr;gap:28px}
  .lf2-cols{grid-column:1/-1;order:3;padding-left:0;border-left:0}
  .lf2-side{align-items:flex-start;text-align:left}
}
@media(max-width:719px){
  .lf2{margin-top:28px;padding:24px 16px 18px}
  .lf2-top{grid-template-columns:1fr;gap:24px}
  .lf2-cols{grid-template-columns:1fr 1fr;gap:22px 16px;order:0}
  .lf2-cols>div:last-child{grid-column:1/-1}
  .lf2-cols>div{gap:0}
  .lf2-cols a{padding:7px 0}   /* tap targets, as mobile-type.css gives the lobby's */
}

/* Your balance, phones only: the desktop header already shows it (includes/site-footer.php) */
footer.lf2 .lf2-balance{display:none}
@media(max-width:719px){
  footer.lf2 a.lf2-balance:any-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:-24px 0 24px;border-bottom:1px solid var(--muck-line,#292929);font-size:14px}
  footer.lf2 .lf2-balance-value{color:var(--muck-gold,#ffd34f);white-space:nowrap}
  footer.lf2 .lf2-balance-value b{font-weight:700}
}

/* Two link columns when signed out (no Community, includes/site-footer.php); on phones no Community for anyone */
.lf2-cols.lf2-cols--two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:719px){.lf2-cols>.lf2-community{display:none}.lf2-cols.lf2-cols--two>div:last-child{grid-column:auto}}

/* News (includes/site-footer.php, includes/News.php; Shaun, 2026-10-26: "add a news section on the footer"): a row under the
   columns, the latest headlines with their dates and All news; stacked on phones */
.lf2-news{display:flex;align-items:baseline;gap:20px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--muck-line,#292929)}
.lf2-news h3{flex:none;margin:0;color:var(--muck-text,#f3f2e9);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lf2-news ul{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px 28px;min-width:0;margin:0;padding:0;list-style:none}
.lf2-news li a{display:inline-flex;align-items:baseline;gap:10px}
.lf2-news time{color:var(--muck-text-3,#8a8f88);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lf2-news li span{color:var(--muck-text,#f3f2e9)}
.lf2-news li a:hover span{color:var(--muck-gold,#ffd34f)}
.lf2-news-all{flex:none;margin-left:auto;white-space:nowrap}
@media(max-width:719px){
  .lf2-news{flex-direction:column;gap:10px}
  .lf2-news ul{flex-direction:column;gap:0}
  .lf2-news li a{padding:7px 0}
  .lf2-news-all{margin-left:0;padding:7px 0}
}


/* Phones: nothing under 12px, reading text 13px (Shaun, 2026-10-30, mobile text audit) */
@media (max-width: 720px) {
  .lf2 .lobby-rules-blurb, .lf2-copy, .lf2-legal a, footer.lf2 .lobby-footer-disclaimer a:any-link { font-size: 13px; }
}