/* NO PNJ footer contract: one footer width everywhere in staging */
body > footer[data-testid]{
  width:min(var(--max, 1220px), calc(100% - 36px)) !important;
  max-width:none !important;
  margin:56px auto 0 !important;
  padding:28px 0 36px !important;
  border-top:1px solid var(--line, rgba(255,255,255,.10)) !important;
  color:rgba(242,242,242,.48) !important;
  font-size:13px !important;
  text-align:center !important;
  box-sizing:border-box !important;
  background:transparent !important;
}

body > footer[data-testid] > .shell[data-testid]{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  box-sizing:border-box !important;
}

/* Dev labels must not be captured by legacy footer > *:first-child rules. */
body > footer[data-testid] > .dev-block-label{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:2px 5px !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  align-items:initial !important;
  justify-content:initial !important;
  gap:0 !important;
  font:700 10px/1 Arial,Helvetica,sans-serif !important;
}

body > footer[data-testid] .nopnj-footer-brand{
  color:rgba(242,242,242,.58) !important;
  font-weight:650 !important;
  letter-spacing:.02em !important;
}

body > footer[data-testid] .nopnj-footer-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

body > footer[data-testid] .nopnj-footer-links a{
  color:rgba(242,242,242,.54) !important;
  text-decoration:none !important;
  text-underline-offset:0 !important;
  font-weight:650 !important;
  transition:color .18s ease, opacity .18s ease !important;
}

body > footer[data-testid] .nopnj-footer-links a:hover,
body > footer[data-testid] .nopnj-footer-links a:focus-visible,
body > footer[data-testid] .nopnj-footer-links a[href*=facebook]:hover{
  color:#FFD600 !important;
  outline:none !important;
}

body > footer[data-testid] .nopnj-footer-sep,
body > footer[data-testid] .sep{
  color:rgba(255,214,0,.34) !important;
}

@media (max-width:760px){
  body > footer[data-testid]{
    width:calc(100% - 24px) !important;
  }
}