/* Main page public quick actions: four rounded-square icon buttons with labels. */
.card .ccc-main-quick-actions{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) auto minmax(0, 1fr) !important;
  align-items:start !important;
  justify-items:stretch !important;
  gap:clamp(6px, 1.6vw, 18px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 0 14px !important;
  padding:2px 0 0 !important;
  overflow:visible !important;
}

.card .ccc-main-quick-actions > #comicCutNav.comic-cut-nav.is-visible{
  display:contents !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.card .ccc-main-quick-actions > #comicCutNav.comic-cut-nav:not(.is-visible){
  display:none !important;
}

.card .ccc-main-quick-actions #comicCutNavCounters{
  display:none !important;
}

/*
  Include both nav IDs in these selectors so this toolbar beats the older
  three-square-button navigation rules without changing that layout elsewhere.
*/
html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control),
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control),
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control),
html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action{
  appearance:none !important;
  -webkit-appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  justify-self:stretch !important;
  align-self:start !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:76px !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--text) !important;
  box-shadow:none !important;
  opacity:1 !important;
  overflow:visible !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:normal !important;
  cursor:pointer !important;
  transform:none !important;
  transition:none !important;
}

html body .card .ccc-main-quick-actions .ccc-main-action-circle{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 54px !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:14px !important;
  background:var(--panel) !important;
  color:var(--text) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025) !important;
  overflow:hidden !important;
  transform:none !important;
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

html body .card .ccc-main-quick-actions .ccc-main-action-circle .material-symbols-outlined{
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:25px !important;
  line-height:1 !important;
  color:inherit !important;
}


html body .card .ccc-main-quick-actions > .ccc-main-action-divider{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:start !important;
  width:auto !important;
  min-width:12px !important;
  height:54px !important;
  margin:0 !important;
  padding:0 1px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:25px !important;
  font-weight:300 !important;
  line-height:1 !important;
  user-select:none !important;
  pointer-events:none !important;
}

html body .card .ccc-main-quick-actions .ccc-main-action-label{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.15 !important;
  letter-spacing:.01em !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action:hover .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action:focus-visible .ccc-main-action-circle{
  border-color:rgba(255,255,255,.68) !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:0 9px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.42) !important;
  transform:translateY(-1px) !important;
}

html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):focus-visible,
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):focus-visible,
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):focus-visible,
html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action:focus-visible{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):disabled,
html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):disabled,
html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):disabled{
  opacity:.38 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--text) !important;
}

@media (min-width:781px){
  .card .desktop-member-info-left.has-public-quick-actions{
    grid-template-rows:auto auto minmax(0, 360px) !important;
  }

  .card .desktop-member-info-left > .ccc-main-quick-actions{
    align-self:start !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Match the desktop Comic Book Issue and Serial Number pills to the action buttons. */
  .card .desktop-member-info-left > .pillgrid .pill{
    border-color:rgba(255,255,255,.22) !important;
    background:var(--panel) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025) !important;
  }

  .card .desktop-member-info-left > .pillgrid .pill label,
  .card .desktop-member-info-left > .pillgrid .pill > div:not(.custom-dd-wrapper),
  .card .desktop-member-info-left > .pillgrid .pill .custom-dd-trigger{
    color:#fff !important;
  }
}

/* Desktop-only: enlarge the scrollable Additional Information window. */
@media (min-width:781px){
  #result .card .desktop-member-info-right.ccc-desktop-purchase-column > .more,
  #result .card .desktop-member-info-right.ccc-desktop-purchase-column > .more[style*="display: block"]{
    display:block !important;
    height:620px !important;
    min-height:620px !important;
    max-height:620px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
}

/* Desktop-only polish: icon-only actions, issue-pill hover match, compact highlights. */
@media (min-width:781px){
  html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control),
  html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control),
  html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control),
  html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action{
    gap:0 !important;
    min-height:54px !important;
    padding:0 2px !important;
  }

  html body .card .ccc-main-quick-actions .ccc-main-action-label{
    display:none !important;
  }

  /* Match the clickable Comic Book Issue pill hover; Serial Number stays static. */
  html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):hover:not(:disabled) .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action:hover .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > #comicCutNav #setChecklistBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > #comicCutNav #backToSetBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > #comicCutNav #nextComicCutBtn:not(.ccc-shared-icon-control):focus-visible .ccc-main-action-circle,
  html body .card .ccc-main-quick-actions > .ccc-public-ebay-circle-action:focus-visible .ccc-main-action-circle{
    border-color:#ffffff !important;
    background:
      linear-gradient(180deg, rgba(154,139,255,.044), rgba(255,255,255,.012) 42%, rgba(255,255,255,.008)),
      radial-gradient(520px 160px at 0% -10%, rgba(154,139,255,.075), transparent 68%) !important;
    box-shadow:var(--cc-panel-glow, 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)) !important;
    transform:none !important;
  }

  /* Hide explanatory sentences below desktop Value Highlights results. */
  .card .desktop-member-info-left .cc-highlight-note{
    display:none !important;
  }
}