/* CR_COLLECTIVE_V172E_GLOBAL_PLAYER_RESUME_ICON_POLISH */

/*
  Safe UI-only polish on top of the working v172d/v172c player stack.
  - centers play / pause icon
  - forces clear pause icon while playing
  - keeps prev/next/minimize/close centered
*/

html body .cr-u-player .cr-u-round,
html body .cr-u-player .cr-u-icon {
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

html body .cr-u-player .cr-u-round {
  position: relative !important;
  overflow: hidden !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  font-size: 0 !important;
  color: transparent !important;
}

html body .cr-u-player .cr-u-round.is-main,
html body .cr-u-player .cr-u-round[data-cr-u-toggle] {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}

html body .cr-u-player .cr-u-round::before,
html body .cr-u-player .cr-u-icon::before {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  text-indent: 0 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

html body .cr-u-player .cr-u-round[data-cr-u-prev]::before {
  content: "‹‹";
  font-size: 18px;
  font-weight: 1000;
  transform: translateY(-1px);
}

html body .cr-u-player .cr-u-round[data-cr-u-next]::before {
  content: "››";
  font-size: 18px;
  font-weight: 1000;
  transform: translateY(-1px);
}

html body .cr-u-player .cr-u-round[data-cr-u-toggle]::before {
  content: "▶";
  font-size: 18px;
  font-weight: 1000;
  transform: translateX(1px);
}

html body .cr-u-player .cr-u-round[data-cr-u-toggle][data-cr-v172e-playing="1"]::before,
html body .cr-u-player .cr-u-round[data-cr-u-toggle][aria-label="Pause"]::before,
html body .cr-u-player .cr-u-round[data-cr-u-toggle][title="Pause"]::before {
  content: "Ⅱ";
  font-size: 18px;
  font-weight: 1000;
  transform: none;
}

html body .cr-u-player .cr-u-icon {
  position: relative !important;
  overflow: hidden !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  font-size: 0 !important;
  color: transparent !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
}

html body .cr-u-player .cr-u-icon[data-cr-u-min]::before {
  content: "⌄";
  font-size: 19px;
  font-weight: 1000;
  transform: translateY(-1px);
}

html body .cr-u-player[data-minimized="1"] .cr-u-icon[data-cr-u-min]::before {
  content: "⌃";
  transform: translateY(1px);
}

html body .cr-u-player .cr-u-icon[data-cr-u-close]::before {
  content: "×";
  font-size: 22px;
  font-weight: 950;
  transform: translateY(-1px);
}

/* keep the two right-side round buttons separated */
html body .cr-u-player .cr-u-actions {
  display: grid !important;
  grid-template-columns: 38px 38px !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  min-width: 86px !important;
}