/* Candy AI Shorts nav highlight - header mega menu, mobile drawer, footer. */

.nsr-new{
  display:inline-block;vertical-align:middle;margin-left:7px;
  background:var(--pink,#F92FBB);color:#111;
  font-size:10px;font-weight:800;line-height:1;letter-spacing:.05em;
  text-transform:uppercase;padding:4px 7px;border-radius:999px;
  transform:translateY(-1px);
}

/* desktop mega menu item */
.mm__c a.mm__hot{
  position:relative;font-weight:700;
  background:rgba(249,47,187,.10);
  border:1px solid rgba(249,47,187,.30);
  border-radius:10px;
  padding-left:12px;padding-right:12px;
}
.mm__c a.mm__hot:hover{background:rgba(249,47,187,.18);border-color:rgba(249,47,187,.55)}

/* mobile drawer item */
.drw a.drw__hot{
  font-weight:700;
  background:rgba(249,47,187,.10);
  border:1px solid rgba(249,47,187,.30);
  border-radius:10px;
  padding-left:12px;padding-right:12px;
}
.drw a.drw__hot:hover{background:rgba(249,47,187,.18)}
/* the drawer styles plain <span> children as muted counts, undo that here */
.drw a.drw__hot .nsr-new{color:#111;opacity:1}

/* footer item */
.ftr a.ftr__hot{font-weight:700}
.ftr a.ftr__hot .nsr-new{font-size:9.5px;padding:3px 6px}
/* the nav styles plain <span> children as muted counts; the badge must not inherit that */
.mm__c a .nsr-new,.drw a .nsr-new,.ftr a .nsr-new,.nsr-new{color:#111 !important;opacity:1 !important}

/* ---- nav contrast fixes (audited 2026-08-19) ----
   `.mm a` in kolet-fixes-v3.css is (0,1,1) and loads after `.btn--black`
   (0,1,0), so it repainted white button text to #0A0A0A on a black button:
   contrast 1.00, completely invisible. Same trap for the outline button in
   the dark mobile drawer. Re-assert each component above the scoped reset. */

/* invisible: black text on black button */
.mm a.btn--black,.mm a.btn--blk,.drw a.btn--black{color:#fff !important}
/* invisible: outline button inside the dark drawer */
.drw a.btn--out,.drw a.btn--out.btn--blk{color:#fff !important;border-color:rgba(255,255,255,.35) !important}
/* white on pink was 3.41; dark ink on pink reads ~5.5 */
.mm a.btn--pink,.drw a.btn--pink,.hdr a.btn--pink,.btn--pink.btn--blk{color:#111 !important}
/* violet button keeps dark ink (4.68) which beats white on violet (3.56) */
/* count badges were rgba(10,10,10,.34) = 2.28 */
.mm a span,.mm__c a span{color:rgba(10,10,10,.68) !important}
/* drawer group labels were rgba(255,255,255,.38) = 3.51 */
.drw .drw__g{color:rgba(255,255,255,.72) !important}
/* menu footnote line was .52 alpha = 3.97 */
.mm__ft,.mm .mm__ft{color:rgba(10,10,10,.72) !important}
/* keep the New badge legible, it sits inside the same span rule above */
.mm a .nsr-new,.drw a .nsr-new,.ftr a .nsr-new{color:#111 !important;opacity:1 !important}

/* #8B5CF6 sits at the crossover: white reads 4.23, dark ink 4.46, so neither
   clears AA. One shade darker (violet-600) lets white pass at 5.70. */
.mm a.btn--violet,.mm .stick--violet,.drw a.btn--violet{background:#7C3AED !important;color:#fff !important}

/* ---- mega menu overflow ----
   Each .mm was absolutely positioned against its own .nav__it at left:-14px
   with a fixed 920-1030px width, so the rightmost menus ran past the viewport:
   at 1280px Guides ended at 1546px, 266px of it unreachable. Anchor the menus
   to the 1240px header container instead, and clamp to the viewport below that. */
.hdr .wrap.hdr__in{position:relative}
.hdr .nav__it.has-mm{position:static}
.hdr .nav__it.has-mm > .mm{left:0;right:auto;max-width:min(1030px,calc(100vw - 32px))}

/* ---- footer text contrast ----
   Column headings sat at rgba(255,255,255,.38) = 3.51 and the legal row,
   copyright and stat labels at .42 = 4.05, both under AA 4.5 on the #0A0A0A
   footer. Raising alpha only; no colour or layout change. */
.ftr .ftr__h{color:rgba(255,255,255,.74) !important}
.ftr .ftr__lg a,.ftr .ftr__bot,.ftr .ftr__bot p{color:rgba(255,255,255,.66) !important}
.ftr .ftr__st span,.ftr .ftr__st small{color:rgba(255,255,255,.66) !important}