/* Footer TimerBet (partial _footer_tb.html)
   Estratto dal partial (regola di casa Dav 22/07: il CSS sta in un .css
   collegato con <link> nell'head, mai in <style> nel template).
   Design D. */

.tbf { background: linear-gradient(180deg, #0b1826, #0a1220); color: #C7D3E2;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    border-top: 2px solid #F5B301; margin-top: 32px; }
  .tbf * { box-sizing: border-box; }
  .tbf a { color: #C7D3E2; text-decoration: none; }
  .tbf a:hover { color: #F5B301; }
  .tbf :focus-visible { outline: 2px solid #F5B301; outline-offset: 2px; border-radius: 4px; }
  .tbf-in { max-width: 1200px; margin: 0 auto; padding: 30px 20px 18px; }

  .tbf-brand { margin-bottom: 22px; }
  .tbf-logo { display: inline-flex; align-items: center; gap: 10px;
    font-size: 22px; font-weight: 800; letter-spacing: 0.02em; color: #fff; }
  .tbf-logo b { color: #F5B301; font-weight: 800; }
  .tbf-min { display: inline-grid; place-items: center; min-width: 34px; height: 34px;
    padding: 0 4px; border: 2px solid #F5B301; border-radius: 50%;
    font: 700 13px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #F5B301; }
  .tbf-tag { margin: 8px 0 0; font-size: 12.5px; color: #7E8CA0; }

  .tbf-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
    padding: 18px 0 22px; border-top: 1px solid #16283C; }
  .tbf-col { display: flex; flex-direction: column; gap: 9px; }
  .tbf-col h3 { margin: 0 0 3px; font-size: 11px; font-weight: 700;
    letter-spacing: 0.12em; text-transform: uppercase; color: #F5B301; }
  .tbf-col a { font-size: 13.5px; line-height: 1.4; }
  .tbf-col a[href="#"] { color: #7E8CA0; cursor: default; }

  .tbf-legal { display: flex; align-items: center; gap: 14px;
    padding: 16px 0; border-top: 1px solid #16283C; }
  .tbf-18 { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px;
    border: 2.5px solid #F5B301; border-radius: 50%;
    font: 800 15px/1 system-ui, sans-serif; color: #F5B301; }
  .tbf-legal p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #93A2B5; }

  .tbf-fine { padding-top: 12px; border-top: 1px solid #16283C;
    font-size: 11.5px; color: #5D6B80; }

  @media (max-width: 760px) {
    .tbf-cols { grid-template-columns: 1fr 1fr; }
    .tbf-in { padding-bottom: 84px; } /* aria per la bottom-nav mobile */
  }