/* /pegi18/assets/css/footer.css
   Footer PEGI18 — cohérent avec header.css
*/

.p18-footer{
  margin: 18px auto 0;
  max-width: 1080px;
  padding: 0 18px 22px;
}

.p18-footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--p18-radius);
  border: 1px solid var(--p18-line);
  background: linear-gradient(180deg, rgba(10,16,28,.72), rgba(10,16,28,.50));
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
}

.p18-footer__left{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap:wrap;
}

.p18-footer__right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.p18-sep{
  opacity:.55;
  color: rgba(231,237,247,.8);
}

.p18-stamp{
  font-family: var(--p18-font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(170,183,205,.78);
  border: 1px dashed rgba(255,255,255,.12);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.10);
  white-space: nowrap;
}

.p18-chip--ok{
  border-color: rgba(59,242,122,.28);
  background: rgba(59,242,122,.08);
}

@media (max-width: 860px){
  .p18-footer__inner{
    flex-direction: column;
    align-items: stretch;
  }
  .p18-footer__right{
    justify-content:flex-start;
  }
  .p18-stamp{
    width: fit-content;
  }
}