/* audit-polish-20261110 */

/* --- reserved space for sticky chrome. Do not use var(--abh) in calc:
   if --abh is unitless/empty, the whole padding becomes 0. JS measures the
   real bar height and writes padding-bottom. These are no-JS fallbacks. --- */
@media (max-width:900px){
  body:has(nav.ab), body:has(.ab[aria-label="App"]){
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));
  }
  body:has(#cta.cta), body:has(.cta#cta),
  body:has(#pickbar), body:has(.pickbar.on),
  body:has(.fx-sticky), body:has(.fx-sticky.on){
    padding-bottom:calc(148px + env(safe-area-inset-bottom, 0px));
  }
}

/* Email / soft-lock gate: sit BELOW the free rows, don't pull up over the first row */
.sl-card{margin:16px auto 22px!important;}

/* --- "All our tools" tip: grow the header so it doesn't cover search/titles --- */
@media (max-width:900px){
  header:has(.ss-tools-tip.on),
  header.top:has(.ss-tools-tip.on){
    padding-bottom:36px!important;
  }
  .ss-tools-tip{
    z-index:30!important;
    max-width:min(160px, 46vw)!important;
    left:50%!important;
    transform:translate(-50%, 0)!important;
  }
  .ss-tools-tip::before{left:50%!important;margin-left:-4px;}
}

/* --- Promo banner: wrap, don't clip to "iOS & A" --- */
@media (max-width:760px){
  .ss-bn{height:auto!important;min-height:32px!important;align-items:center;}
  /* Keep the mobile short line (.ss-bn-st). Do NOT unhide .ss-bn-vp (desktop marquee). */
  .ss-bn-st,.ss-bn-str,.ss-bn-sm{
    animation:none!important;
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:unset!important;
    text-align:center;
    line-height:1.25;
    padding:6px 8px!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .ss-bn-st{display:flex!important;height:auto!important;justify-content:center;align-items:center;}
  .ss-bn-sm + .ss-bn-sm{display:none!important;}
}

/* --- Streaks 390: page stays clipped; badge wraps inside the card --- */
#cv1-streaks{max-width:100%!important;box-sizing:border-box;overflow-x:hidden;}
#cv1-streaks .cv1-card, .cv1-st .cv1-card{
  max-width:100%!important;
  box-sizing:border-box;
  overflow:visible!important;
}
#cv1-streaks .cv1-chips{overflow:visible!important;}
#cv1-streaks .cv1-c.hr, #cv1-streaks .cv1-chips .cv1-c{
  max-width:5.6rem;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.2;
  font-size:10.5px!important;
  text-align:right;
  box-sizing:border-box;
  padding:3px 7px!important;
}
#cv1-streaks .cv1-c.hr small{display:inline;padding-left:1px;}
html, body{overflow-x:clip;}
/* EQ market / game chips */
.eq-hub [role=tablist], .eq-hub .mkt, .tabs, .eq .row-scroll{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 22px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 22px),transparent 100%);
}

/* --- Footer trademark: no stacked logo, keep a space after ™, WYA stays last --- */
footer .tm-legal, footer.rv-foot .tm-legal{
  display:block!important;
  white-space:normal!important;
  max-width:100%!important;
  line-height:1.45!important;
  font-size:12px;
}
footer .tm-legal img,
footer .tm-legal .brand,
footer .tm-legal .word,
footer .tm-legal .spk,
footer .tm-legal svg{display:none!important;}
footer .tm-legal sup.tm{
  position:static!important;
  margin:0 .18em 0 .04em!important;
  top:0!important;
  transform:none!important;
}
footer .tm-legal{padding-right:56px!important;box-sizing:border-box;}
/* keep WYA credit visible and last */
footer .wya-credit{display:block!important;clear:both;}

/* --- Player directory filters: wrap, room for Team + G/F/C --- */
@media (max-width:700px){
  .px-f, .px-f.px-ctl{
    flex-wrap:wrap!important;
    row-gap:10px!important;
    column-gap:8px!important;
    overflow:visible!important;
    align-items:center!important;
  }
  .px-f select{
    width:auto!important;
    min-width:108px;
    max-width:none;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:34px;
    max-height:40px;
    align-self:center!important;
  }
  /* use the existing separator as a flex line-break so G/F/C sit on their own row */
  .px-sep{
    flex:0 0 100%!important;
    width:100%!important;
    height:0!important;
    margin:0!important;
    background:none!important;
    display:block!important;
    overflow:hidden;
  }
  .px-s input{font-size:16px;}
  /* cards-v1 wraps #pteam in label.cv1-sel > span "Team" (renders as TEAM) */
  label.cv1-sel{padding-top:0!important;margin-top:0!important;}
  label.cv1-sel>span:first-child{display:none!important;}
}

/* --- Chip / game rows: fade peek on the right edge (not the filter toolbar) --- */
.rv-chips, .px-j, .eq-mkts, .eq-tabs, nav.cats, .blog-cats,
[class*="chip-row"], .rv-games-strip, .hd-games,
.eq-hub [role=tablist], .eq-hub .mkt, .tabs, .eq .row-scroll{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%);
}