/* Shared site footer — the 6-section footer, used on every page.
   All rules scoped under .site-footer so they win over any per-page footer styles. No bottom divider line. */
.site-footer{background:#0a142e;color:rgba(255,255,255,.72);padding:60px 0 38px;font-size:14px}
.site-footer .foot-in{max-width:1180px;margin:0 auto;padding:0 28px}
.site-footer .foot-top{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.site-footer .foot-col h2{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-family:"Baloo 2";font-weight:800}
.site-footer .foot-col a{display:block;color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;margin:0 0 10px;font-weight:500}
.site-footer .foot-col a:hover{color:#fff}
/* logo sits below the link columns, above the copyright: left on desktop/tablet, centered on phones */
.site-footer .foot-logo{margin-top:34px;text-align:left}
.site-footer .foot-logo .logo{display:inline-flex;align-items:center;text-decoration:none}
.site-footer .foot-logo .logo img{height:50px;width:auto;display:block}
/* "Share BombTimer" row (populated by /js/share.js) — sits between the logo and the copyright line */
.site-footer .foot-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.site-footer .foot-share-lbl{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85);font-family:"Baloo 2";margin-right:2px}
.site-footer .foot-share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;padding:0;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;text-decoration:none;transition:.14s}
.site-footer .foot-share-btn:hover{background:rgba(246,195,61,.92);border-color:#ffd87a;color:#2a1c05}
.site-footer .foot-share-btn svg{width:18px;height:18px;display:block}
.site-footer .foot-share-btn.copied{background:#3fae6a;border-color:#3fae6a;color:#fff}
.site-footer .foot-bot{margin-top:28px;border-top:0;padding-top:0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
.site-footer .foot-bot a{color:#f6c33d;font-weight:700;text-decoration:none}
@media (max-width:980px){.site-footer .foot-top{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){
  .site-footer .foot-top{grid-template-columns:repeat(2,1fr)}
  .site-footer .foot-logo{text-align:center;margin-top:24px}
  .site-footer .foot-logo .logo{justify-content:center}
  .site-footer .foot-share{justify-content:center}
  .site-footer .foot-bot{flex-direction:column;align-items:center;text-align:center;justify-content:center}
}

/* Reserved AdSense slots (PRD section 9) — invisible until JS adds .is-live after AdSense approval.
   Keeping the divs in the layout now means turning ads on later will not reflow any page. */
.ad-slot{display:none}
.ad-slot.is-live{display:block;min-height:100px;margin:26px auto;max-width:728px;text-align:center}
.ad-slot .ad-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b5;margin-bottom:6px}