
/* Planner removed from My Rhythm. The tab is hidden rather than cut out of the
   React bundle, so the island's own state machine is untouched.
   Its photo goes with it: the strip and the tab row are paired 1:1, and photo 2
   is literally the open-planner shot — leaving it would break the alignment and
   caption a tab that no longer exists. Both rows are now SEVEN. */
#huRhythmRoot [data-noplanner]{ display:none !important; }
#rsStrip .rst-i[data-noplanner]{ display:none !important; }

/* seven across on desktop instead of eight */
@media (min-width:1101px){
  #huRhythmRoot .flex.min-w-max{ grid-template-columns:repeat(7, minmax(0,1fr)) !important; }
  #rsStrip .rst-row{ grid-template-columns:repeat(7, minmax(0,1fr)) !important; }
}
/* Below 1101px the weave places items by nth-child, which COUNTS hidden elements —
   so hiding Planner left a hole in column 2 and pushed nothing up. Placement is
   therefore driven by a data-wv index written in JS over the VISIBLE items only.
   (An earlier attempt hid the 8th child to compensate and silently dropped Partner
   Passes on mobile.) */
@media (max-width:1100px){
  #rstWrap .rst-i[data-wv="1"], #rstWrap .flex > *[data-wv="1"],
  #rstWrap .rst-i[data-wv="5"], #rstWrap .flex > *[data-wv="5"]{ grid-column:1; }
  #rstWrap .rst-i[data-wv="2"], #rstWrap .flex > *[data-wv="2"],
  #rstWrap .rst-i[data-wv="6"], #rstWrap .flex > *[data-wv="6"]{ grid-column:2; }
  #rstWrap .rst-i[data-wv="3"], #rstWrap .flex > *[data-wv="3"],
  #rstWrap .rst-i[data-wv="7"], #rstWrap .flex > *[data-wv="7"]{ grid-column:3; }
  #rstWrap .rst-i[data-wv="4"], #rstWrap .flex > *[data-wv="4"]{ grid-column:4; }
  #rstWrap .rst-i[data-wv="1"],#rstWrap .rst-i[data-wv="2"],
  #rstWrap .rst-i[data-wv="3"],#rstWrap .rst-i[data-wv="4"]{ grid-row:1 !important; }
  #rstWrap .flex > *[data-wv="1"],#rstWrap .flex > *[data-wv="2"],
  #rstWrap .flex > *[data-wv="3"],#rstWrap .flex > *[data-wv="4"]{ grid-row:2 !important; }
  #rstWrap .rst-i[data-wv="5"],#rstWrap .rst-i[data-wv="6"],
  #rstWrap .rst-i[data-wv="7"]{ grid-row:3 !important; }
  #rstWrap .flex > *[data-wv="5"],#rstWrap .flex > *[data-wv="6"],
  #rstWrap .flex > *[data-wv="7"]{ grid-row:4 !important; }
}
