/* consolidated canonical module */
/* WarextMarket v0.641 visual polish */

/* Footer legal cards: center the content inside the card geometry. */
.site-footer--managed .footer-marquee--legal .legal-card,
.site-footer--managed .footer-marquee--legal .legal-card--managed{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:20px 28px!important;
}
.site-footer--managed .footer-marquee--legal .legal-card strong,
.site-footer--managed .footer-marquee--legal .legal-card--managed strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  line-height:1.25!important;
}
.site-footer--managed .footer-marquee--legal .legal-card small,
.site-footer--managed .footer-marquee--legal .legal-card--managed small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  line-height:1.45!important;
}

/* Mobile footer bottom: one balanced, readable stack rather than broken
   horizontal columns and separators. */
@media (max-width: 767px){
  .site-footer--managed .footer-bottom-inline{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    place-items:center!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:14px auto 18px!important;
    padding:14px 16px 15px!important;
    gap:6px!important;
    overflow:hidden!important;
    border:1px solid rgba(125,112,255,.16)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(21,25,46,.72),rgba(10,14,28,.76))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    text-align:center!important;
  }
  .site-footer--managed .footer-bottom-inline .copyright,
  .site-footer--managed .footer-bottom-inline__credit,
  .site-footer--managed .footer-bottom-inline__extra{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    color:#aeb5c8!important;
    font-size:12.5px!important;
    font-weight:650!important;
    line-height:1.45!important;
  }
  .site-footer--managed .footer-bottom-inline__credit{
    color:#c0c6d7!important;
  }
  .site-footer--managed .footer-bottom-inline__credit a{
    display:inline!important;
    margin:0 0 0 4px!important;
    padding:0!important;
    white-space:nowrap!important;
    color:#d6d9ff!important;
    font-weight:800!important;
  }
  .site-footer--managed .footer-bottom-inline .copyright::before,
  .site-footer--managed .footer-bottom-inline .copyright::after,
  .site-footer--managed .footer-bottom-inline__credit::before,
  .site-footer--managed .footer-bottom-inline__credit::after,
  .site-footer--managed .footer-bottom-inline__extra::before,
  .site-footer--managed .footer-bottom-inline__extra::after{
    content:none!important;
    display:none!important;
  }
}

@media (max-width: 420px){
  .site-footer--managed .footer-bottom-inline{
    width:calc(100% - 18px)!important;
    margin-top:10px!important;
    padding:12px 12px 13px!important;
    border-radius:14px!important;
  }
  .site-footer--managed .footer-bottom-inline .copyright,
  .site-footer--managed .footer-bottom-inline__credit,
  .site-footer--managed .footer-bottom-inline__extra{
    font-size:11.75px!important;
    line-height:1.42!important;
  }
}

/* consolidated canonical module */
/* WarextMarket v0.642 real-photo + legal-card alignment fix */

/* Force the legal/info card copy onto the real geometric center of each card.
   v0.641 centered only the common strong/small nodes; this also covers nested
   wrappers used by the live footer markup. */
.site-footer--managed .footer-marquee--legal .legal-card,
.site-footer--managed .footer-marquee--legal .legal-card--managed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-left:28px!important;
  padding-right:28px!important;
}

.site-footer--managed .footer-marquee--legal .legal-card > *,
.site-footer--managed .footer-marquee--legal .legal-card--managed > *{
  justify-self:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.site-footer--managed .footer-marquee--legal .legal-card :is(
  .legal-card__content,
  .legal-card__body,
  .legal-card__title,
  .legal-card__text,
  strong,
  small,
  p
),
.site-footer--managed .footer-marquee--legal .legal-card--managed :is(
  .legal-card__content,
  .legal-card__body,
  .legal-card__title,
  .legal-card__text,
  strong,
  small,
  p
){
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.site-footer--managed .footer-marquee--legal .legal-card :is(
  .legal-card__content,
  .legal-card__body
),
.site-footer--managed .footer-marquee--legal .legal-card--managed :is(
  .legal-card__content,
  .legal-card__body
){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Keep the photographic assets photographic. Existing layout can crop them,
   but no CSS effect should turn them into masked/illustrated silhouettes. */
img[src$="/top-steam.jpg"],
img[src$="/top-stores.jpg"],
img[src$="/top-market.jpg"],
img[src$="/hero-week.jpg"],
img[src$="/side-balance.jpg"],
img[src$="/side-community.jpg"],
img[src$="/side-vp.jpg"],
img[src$="/news-cover.jpg"],
img[src$="/promo-cover.jpg"],
img[src$="/promo-center.jpg"]{
  filter:none!important;
}
