/* Pop Quest v22.6.4 — topic footer and mobile statistic-pill repair. */

/* Topic pages finish with the same full-width purple footer as the rest of Pop Quest. */
#pqv3-app .pq-topic-detail-page > .pq-footer,
#pqv3-app .pq-topic-detail-page > .pq-footer-v423{
  width:100vw!important;
  max-width:none!important;
  margin:30px 0 0 calc(50% - 50vw)!important;
  padding:34px max(24px,calc((100vw - 1120px)/2 + 18px)) 36px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#35108f 0%,#7d2cff 100%)!important;
  color:#fff!important;
  border:0!important;
  border-top:0!important;
  border-radius:0!important;
  min-height:0!important;
}
#pqv3-app .pq-topic-detail-page > .pq-footer .pq-footer-links,
#pqv3-app .pq-topic-detail-page > .pq-footer-v423 .pq-footer-links{
  max-width:1120px!important;
  margin:0 auto!important;
}
#pqv3-app .pq-topic-detail-page > .pq-footer strong,
#pqv3-app .pq-topic-detail-page > .pq-footer a,
#pqv3-app .pq-topic-detail-page > .pq-footer-v423 strong,
#pqv3-app .pq-topic-detail-page > .pq-footer-v423 a{
  color:#fff!important;
}
/* Remove inherited page/footer clearance that produced the large empty strip below the links. */
#pqv3-app .pq-topic-detail-page{padding-bottom:0!important}
#pqv3-app .pq-topic-detail-page > .pq-footer:last-child,
#pqv3-app .pq-topic-detail-page > .pq-footer-v423:last-child{
  margin-bottom:0!important;
  padding-bottom:36px!important;
}

@media(max-width:760px){
  /* Keep all three counts readable and comfortably centred on narrow screens. */
  #pqv3-app .pq-topic-detail-hero .pq-topic-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:18px 0 10px!important;
  }
  #pqv3-app .pq-topic-detail-hero .pq-topic-stats > span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 7px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:12.5px!important;
    line-height:1.1!important;
  }
  #pqv3-app .pq-topic-detail-page > .pq-footer,
  #pqv3-app .pq-topic-detail-page > .pq-footer-v423{
    width:100vw!important;
    margin:24px 0 0 calc(50% - 50vw)!important;
    padding:24px 18px max(28px,env(safe-area-inset-bottom))!important;
  }
  #pqv3-app .pq-topic-detail-page > .pq-footer:last-child,
  #pqv3-app .pq-topic-detail-page > .pq-footer-v423:last-child{
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:390px){
  #pqv3-app .pq-topic-detail-hero .pq-topic-stats{gap:6px!important}
  #pqv3-app .pq-topic-detail-hero .pq-topic-stats > span{
    min-height:42px!important;
    padding-inline:5px!important;
    font-size:11.5px!important;
  }
}