/* SG.21.51 — Footer full-width SerieAGoal, ispirato alla struttura editoriale dei grandi livescore. */
.sg-site-footer{
  --sgf-bg:#fff;
  --sgf-bg-soft:#f6f7f9;
  --sgf-text:#23313a;
  --sgf-muted:#69757f;
  --sgf-line:#e5e8eb;
  --sgf-accent:#3044c7;
  --sgf-live:#ff0a4f;
  position:relative;
  width:100%;
  max-width:none;
  margin:34px 0 0;
  border:0;
  border-top:8px solid var(--sgf-bg-soft);
  border-radius:0;
  background:var(--sgf-bg);
  color:var(--sgf-text);
  box-shadow:none;
  overflow:hidden;
}
[data-sg-theme="dark"] .sg-site-footer,
html[data-sg-theme="dark"] .sg-site-footer{
  --sgf-bg:#17191e;
  --sgf-bg-soft:#111318;
  --sgf-text:#f0f2f5;
  --sgf-muted:#a5adb7;
  --sgf-line:#30343b;
  --sgf-accent:#7f8dff;
}
.sg-site-footer a,.sg-site-footer button{font:inherit}
.sg-site-footer-main{max-width:1300px;margin:0 auto;padding:34px 30px 0}
.sg-site-footer-grid{
  display:grid;
  grid-template-columns:1.05fr 1.05fr 1.2fr 1.35fr;
  gap:52px;
  padding-bottom:34px;
}
.sg-site-footer-col{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.sg-site-footer-col>strong{
  margin-bottom:5px;
  color:var(--sgf-text);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sg-site-footer-col a,.sg-site-footer-col button,.sg-site-footer-col>span{
  max-width:100%;
  border:0;
  padding:0;
  color:var(--sgf-text);
  background:transparent;
  text-decoration:none;
  font-size:12.5px;
  line-height:1.35;
  font-weight:560;
  text-align:left;
  cursor:pointer;
  transition:color .16s ease,transform .16s ease;
}
.sg-site-footer-col a:hover,.sg-site-footer-col button:hover{color:var(--sgf-accent);transform:translateX(2px)}
.sg-site-footer-news a{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}
.sg-site-footer-live a{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.sg-site-footer-live a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-site-footer-live a b{font-size:11.5px;color:var(--sgf-muted);font-variant-numeric:tabular-nums}
.sg-site-footer-live a b.is-live{color:var(--sgf-live);font-weight:900}

.sg-site-footer-secondary{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);
  gap:54px;
  padding:34px 0 0;
  border-top:1px solid var(--sgf-line);
}
.sg-site-footer-secondary-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:40px;
  padding-bottom:38px;
}
.sg-site-footer-follow>span{color:var(--sgf-muted);line-height:1.55}

.sg-footer-app{
  position:relative;
  min-height:280px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 178px;
  gap:20px;
  align-items:start;
  padding:2px 0 0 8px;
}
.sg-footer-app-copy{padding-top:2px}
.sg-footer-app-copy>strong{display:block;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.sg-footer-app-copy p{max-width:300px;margin:13px 0 16px;color:var(--sgf-muted);font-size:12.5px;line-height:1.55}
.sg-footer-app-install{
  min-height:40px;
  padding:0 16px;
  border:1px solid var(--sgf-text);
  border-radius:9px;
  color:var(--sgf-text);
  background:transparent;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.sg-footer-app-install:hover{background:var(--sgf-text);color:var(--sgf-bg)}
.sg-footer-phone{
  position:absolute;
  right:6px;
  bottom:-20px;
  width:174px;
  height:300px;
  padding:9px;
  border:5px solid #07131a;
  border-radius:30px 30px 0 0;
  background:#07131a;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.sg-footer-phone-speaker{position:absolute;z-index:2;top:8px;left:50%;width:34px;height:4px;border-radius:10px;background:#2d3a40;transform:translateX(-50%)}
.sg-footer-phone-screen{height:100%;padding:22px 9px 12px;border-radius:20px 20px 0 0;background:#f7f8fa;color:#10161b;overflow:hidden}
.sg-footer-phone-head{height:32px;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;border-bottom:1px solid #dfe3e6;font-size:10px}
.sg-footer-phone-head b{text-align:center;color:#3044c7}
.sg-footer-phone-head i{width:13px;height:2px;background:#9aa2a9;box-shadow:0 4px 0 #9aa2a9,0 -4px 0 #9aa2a9}
.sg-footer-phone-head i:last-child{justify-self:end;width:12px;height:12px;border:1px solid #9aa2a9;border-radius:50%;box-shadow:none;background:transparent}
.sg-footer-phone-match{margin:14px 0 11px;padding:12px 9px;border:1px solid #e1e4e7;border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;text-align:center}
.sg-footer-phone-match small{grid-column:1/-1;color:#ff0a4f;font-size:7px;font-weight:900;letter-spacing:.1em}
.sg-footer-phone-match span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px}
.sg-footer-phone-match span em{width:17px;height:17px;border-radius:50%;background:#3044c7}
.sg-footer-phone-match span:last-child em{background:#ff425f}
.sg-footer-phone-match strong{font-size:13px;color:#8a9299}
.sg-footer-phone-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:11px}
.sg-footer-phone-tabs i{height:5px;border-radius:8px;background:#d4d9dd}.sg-footer-phone-tabs i:first-child{background:#3044c7}
.sg-footer-phone-lines{display:grid;gap:8px}.sg-footer-phone-lines span{display:block;height:27px;border-radius:8px;background:linear-gradient(90deg,#e9ecef 0 24%,#f3f5f6 24% 100%)}

.sg-site-footer-legalbar{background:#061f2a;color:#eef7fa}
.sg-site-footer-legal-inner{
  max-width:1300px;
  min-height:94px;
  margin:0 auto;
  padding:18px 30px;
  display:grid;
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.4fr);
  gap:38px;
  align-items:center;
}
.sg-footer-responsible{display:flex;align-items:center;gap:10px;min-width:0}
.sg-footer-18,.sg-footer-shield{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-size:12px;font-weight:950}
.sg-footer-shield{border-radius:10px}
.sg-footer-responsible>span:last-child{display:grid;gap:2px}.sg-footer-responsible strong{font-size:12px}.sg-footer-responsible small{color:#aebec5;font-size:9.5px;line-height:1.35}
.sg-site-footer-registration{display:grid;gap:4px;text-align:right}.sg-site-footer-registration strong{font-size:12px}.sg-site-footer-registration span{color:#b4c3ca;font-size:10px;line-height:1.4}
.sg-site-footer-copyright{
  max-width:1300px;
  margin:0 auto;
  padding:12px 30px 16px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#9fb1b9;
  font-size:9.5px;
}

@media (max-width:1100px){
  .sg-site-footer-main{padding-inline:24px}
  .sg-site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 46px}
  .sg-site-footer-secondary{grid-template-columns:1fr;gap:20px}
  .sg-footer-app{min-height:245px;max-width:620px}
  .sg-site-footer-legal-inner{padding-inline:24px}
  .sg-site-footer-copyright{padding-inline:24px}
}
@media (max-width:720px){
  .sg-site-footer{margin-top:22px;border-top-width:6px;padding-bottom:70px}
  .sg-site-footer-main{padding:28px 18px 0}
  .sg-site-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:30px}
  .sg-site-footer-col{gap:10px}.sg-site-footer-col>strong{font-size:11px}.sg-site-footer-col a,.sg-site-footer-col button,.sg-site-footer-col>span{font-size:12px}
  .sg-site-footer-news,.sg-site-footer-live{grid-column:1/-1}
  .sg-site-footer-secondary{padding-top:28px}
  .sg-site-footer-secondary-links{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:26px}
  .sg-site-footer-follow{grid-column:1/-1}
  .sg-footer-app{min-height:320px;grid-template-columns:1fr;padding:0;border-top:1px solid var(--sgf-line);padding-top:26px}
  .sg-footer-app-copy{max-width:55%}
  .sg-footer-phone{right:8px;bottom:-16px;width:146px;height:255px}
  .sg-site-footer-legal-inner{grid-template-columns:1fr;gap:16px;padding:18px}
  .sg-site-footer-registration{text-align:left}
  .sg-site-footer-copyright{padding:12px 18px 18px;flex-direction:column;gap:5px}
}
@media (max-width:440px){
  .sg-site-footer-grid{grid-template-columns:1fr;gap:26px}
  .sg-site-footer-news,.sg-site-footer-live{grid-column:auto}
  .sg-site-footer-secondary-links{grid-template-columns:1fr 1fr}
  .sg-footer-app{min-height:350px}
  .sg-footer-app-copy{max-width:56%}
  .sg-footer-phone{width:138px;height:240px;right:0}
  .sg-footer-responsible{align-items:flex-start;flex-wrap:wrap}
  .sg-footer-responsible>span:last-child{width:100%}
}


/* SG.21.51 — logo reale nel mockup e fascia Gioco Responsabile con badge compatti. */
.sg-footer-phone-brand{min-width:0;display:flex;align-items:center;justify-content:center;height:24px;padding:0 4px;overflow:hidden}
.sg-footer-phone-brand img{display:block;max-width:100%;width:auto;height:18px;object-fit:contain}
.sg-footer-responsible{gap:14px}
.sg-footer-responsible-badges{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.sg-footer-resp-logo{height:40px;min-width:62px;padding:4px 7px;border:1px solid rgba(255,255,255,.48);border-radius:7px;color:#fff;text-decoration:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:5px;align-items:center;line-height:1}
.sg-footer-resp-logo svg{grid-row:1/-1}
.sg-footer-resp-logo b{font-size:10px;line-height:1;font-weight:950;letter-spacing:.02em}
.sg-footer-resp-logo small{font-size:6.5px;line-height:1.05;color:#c8d5da;font-weight:750;letter-spacing:.02em}
.sg-footer-resp-adm{min-width:88px;grid-template-columns:38px 1fr;background:rgba(255,255,255,.04)}
.sg-footer-resp-adm b{grid-row:1/-1;font-size:18px;letter-spacing:-.06em;align-self:center}
.sg-footer-resp-adm small{grid-column:2;grid-row:1/-1;align-self:center;font-size:6.4px;line-height:1.12}
.sg-footer-resp-adm:hover{background:rgba(255,255,255,.1);color:#fff}
.sg-footer-responsible-copy{display:grid;gap:2px;min-width:0}
.sg-footer-responsible-copy strong{font-size:12px}.sg-footer-responsible-copy small{color:#aebec5;font-size:9.5px;line-height:1.35}
@media (max-width:720px){
  .sg-footer-responsible{align-items:flex-start;flex-direction:column;gap:10px}
  .sg-footer-responsible-badges{flex-wrap:wrap}
  .sg-footer-responsible-copy{width:100%}
}

/* SG.21.51B — correzione logo telefono e loghi Gioca Responsabile forniti dall'utente. */
.sg-footer-phone-head{
  margin:-22px -9px 0;
  padding:22px 9px 0;
  height:54px;
  background:#07131a;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.sg-footer-phone-head i{
  background:#dce6eb;
  box-shadow:0 4px 0 #dce6eb,0 -4px 0 #dce6eb;
}
.sg-footer-phone-head i:last-child{
  border-color:#dce6eb;
  background:transparent;
  box-shadow:none;
}
.sg-footer-phone-brand{height:28px;padding:0 5px}
.sg-footer-phone-brand img{height:20px;max-width:112px;filter:none}

.sg-footer-responsible{gap:14px}
.sg-footer-responsible-official{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
.sg-footer-responsible-official>strong{white-space:nowrap;font-size:13px;font-weight:700;color:#eef7fa}
.sg-footer-responsible-logos{display:flex;align-items:center;padding:5px 8px;border-radius:6px;background:#fff;line-height:0}
.sg-footer-responsible-logos img{display:block;width:auto;height:40px;max-width:150px;object-fit:contain}
.sg-footer-responsible-copy{min-width:180px}
.sg-footer-responsible-copy small{color:#aebec5;font-size:9.5px;line-height:1.35}
/* disattiva definitivamente i badge ricostruiti della 21.51 */
.sg-footer-responsible-badges,.sg-footer-resp-logo,.sg-footer-18{display:none!important}
@media (max-width:720px){
  .sg-footer-responsible-official{flex-wrap:wrap;gap:8px}
  .sg-footer-responsible-logos img{height:34px;max-width:138px}
  .sg-footer-responsible-copy{min-width:0;width:100%}
}
