/* Footer condiviso Triple Star - scuro con accenti gialli.
   Modulo isolato, riutilizzato sulle pagine principali lato giocatore. */

.triple-site-footer{
  margin-top:18px;
  background:#20242a;
  color:#f5f7fa;
  border-top:1px solid #30363d;
}

.triple-site-footer *{box-sizing:border-box}

.triple-site-footer__help{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:74px;
  padding:14px 18px;
  background:#171a1f;
  border-bottom:1px solid #30363d;
}

.triple-site-footer__help-copy{
  text-align:right;
}

.triple-site-footer__help-copy strong{
  display:block;
  font-size:16px;
  line-height:1.1;
  color:#fff;
}

.triple-site-footer__help-copy span{
  display:block;
  margin-top:4px;
  color:#c9d0d8;
  font-size:11px;
}

.triple-site-footer__help-badge{
  border:0;cursor:pointer;font-family:inherit;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  min-height:44px;
  padding:10px 20px;
  background:#fdb500;
  color:#111;
  border-radius:4px;
  font-size:16px;
  font-weight:900;
  letter-spacing:.02em;
}

.triple-site-footer__inner{
  max-width:1680px;
  margin:0 auto;
  padding:22px 18px 14px;
}

.triple-site-footer__grid{
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(220px,.9fr) minmax(180px,.7fr) minmax(340px,1.45fr);
  gap:0;
  align-items:start;
}

.triple-site-footer__section{
  min-height:150px;
  padding:0 22px;
  border-right:1px dotted #59616b;
}

.triple-site-footer__section:first-child{
  padding-left:0;
}

.triple-site-footer__section:last-child{
  border-right:0;
  padding-right:0;
}

.triple-site-footer__section h3{
  margin:0 0 14px;
  font-size:12px;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:#fff;
}

.triple-site-footer__nav{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}

.triple-site-footer__nav a{
  color:#f1f3f6;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}

.triple-site-footer__nav a:hover{
  color:#f5b800;
}

.triple-site-footer__certs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.triple-site-footer__age{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:2px solid #dfe4ea;
  border-radius:50%;
  background:#fff;
  color:#20242a;
  font-weight:900;
  font-size:16px;
}

.triple-site-footer__license{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:50px;
  padding:7px 9px;
  border:1px solid #3a424b;
  border-radius:7px;
  background:#282d34;
}

.triple-site-footer__license img{
  width:36px;
  height:36px;
  object-fit:contain;
}

.triple-site-footer__license-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  font-size:10px;
  line-height:1.2;
  color:#bfc7d0;
}

.triple-site-footer__license-copy strong{
  color:#fff;
  font-size:11px;
}

.triple-site-footer__social{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.triple-site-footer__social a{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #4a525c;
  border-radius:5px;
  background:#2a3037;
  color:#fff;
  text-decoration:none;
  transition:.15s ease;
}

.triple-site-footer__social a:hover{
  color:#f5b800;
  border-color:#f5b800;
  transform:translateY(-1px);
}

.triple-site-footer__social svg{
  width:20px;
  height:20px;
  fill:currentColor;
}

.triple-site-footer__social .triple-social-cutout{
  fill:#20242a;
}

.triple-site-footer__responsible{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:13px;
  align-items:center;
}

.triple-site-footer__responsible-link{
  display:block;
  width:170px;
  max-width:100%;
  border:1px solid #3b434c;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
}

.triple-site-footer__responsible-link img{
  display:block;
  width:100%;
  height:auto;
}

.triple-site-footer__responsible-copy{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#d9dee5;
}

.triple-site-footer__responsible-copy strong{
  color:#fff;
}

.triple-site-footer__bottom{
  margin-top:20px;
  padding-top:13px;
  border-top:1px solid #343a42;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.triple-site-footer__brand{
  display:flex;
  align-items:center;
  gap:8px;
  color:#f5b800;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
}

.triple-site-footer__brand img{
  width:28px;
  height:28px;
  object-fit:contain;
}

.triple-site-footer__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

.triple-site-footer__links a{
  color:#d8dde4;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
}

.triple-site-footer__links a:hover{
  color:#f5b800;
}

@media (max-width:1100px){
  .triple-site-footer__grid{
    grid-template-columns:1fr 1fr;
    gap:24px 0;
  }

  .triple-site-footer__section{
    min-height:auto;
    padding:0 20px 18px;
  }

  .triple-site-footer__section:nth-child(2){
    border-right:0;
  }

  .triple-site-footer__section:nth-child(3){
    padding-left:0;
  }

  .triple-site-footer__section--responsible{
    border-right:0;
    padding-right:0;
  }
}

@media (max-width:680px){
  .triple-site-footer{
    margin-top:12px;
  }

  .triple-site-footer__help{
    flex-direction:column;
    gap:10px;
    text-align:center;
    padding:16px 12px;
  }

  .triple-site-footer__help-copy{
    text-align:center;
  }

  .triple-site-footer__help-badge{
  border:0;cursor:pointer;font-family:inherit;
    width:min(260px,100%);
    min-width:0;
  }

  .triple-site-footer__inner{
    padding:18px 12px 12px;
  }

  .triple-site-footer__grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .triple-site-footer__section,
  .triple-site-footer__section:first-child,
  .triple-site-footer__section:nth-child(3),
  .triple-site-footer__section:last-child{
    min-height:auto;
    padding:0 0 18px;
    margin-bottom:18px;
    border-right:0;
    border-bottom:1px solid #343a42;
  }

  .triple-site-footer__section:last-child{
    margin-bottom:0;
  }

  .triple-site-footer__responsible{
    grid-template-columns:1fr;
    gap:10px;
  }

  .triple-site-footer__responsible-link{
    width:160px;
  }

  .triple-site-footer__bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }

  .triple-site-footer__links{
    justify-content:flex-start;
    gap:9px 12px;
  }
}

/* Protezione gioco mobile Triple Star:
   su iPhone la modalità orizzontale può partire senza Fullscreen API. */
@media (max-width:900px), (pointer:coarse){
  body.mobile-landscape-game .triple-site-footer{
    display:none;
  }
}

/* Agency access sits below the shared footer. */
.triple-site-agency-access{background:#171a1f;color:#fff;border-top:1px solid #343a42;font-family:'Arial Narrow',Arial,Helvetica,sans-serif}
.triple-site-agency-access__inner{max-width:1680px;margin:0 auto;padding:22px 18px;display:flex;align-items:center;justify-content:center;gap:22px;box-sizing:border-box}
.triple-site-agency-access h2{margin:0;font-size:18px;font-weight:800;line-height:1.3;color:#fff}
.triple-site-agency-access .triple-site-agency-access__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border:1px solid #c7a346;border-radius:4px;background:linear-gradient(100deg,#edba42,#ffe18a 70%,#edbc49);color:#080d15;font-size:14px;font-weight:800;text-decoration:none;box-sizing:border-box}
.triple-site-agency-access .triple-site-agency-access__link:hover{background:#ffe18a}
.triple-site-agency-access .triple-site-agency-access__link:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:680px){.triple-site-agency-access__inner{flex-direction:column;gap:12px;padding:20px 12px;text-align:center}.triple-site-agency-access .triple-site-agency-access__link{max-width:100%;width:260px}}
@media(max-width:900px),(pointer:coarse){body.mobile-landscape-game .triple-site-agency-access{display:none}}